/*
Theme Name: Maritime Harmony
Theme URI: https://example.com/maritime-harmony
Author: Antigravity
Author URI: https://example.com
Description: A modern nautical theme boilerplate for Murakami Marina, styled with Tailwind CSS and designed for high performance and visual excellence.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maritime-harmony
*/

/* Core Wave and Nautical Animations */
@keyframes wave-sway {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.wave-wrapper {
  position: relative;
  height: 60px;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
}

.wave-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background-repeat: repeat-x;
  animation: wave-sway 20s linear infinite;
  will-change: transform;
}

.wave-top {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 60'%3E%3Cpath d='M0,30 C200,0 200,60 400,30 C600,0 600,60 800,30 L800,60 L0,60 Z' fill='%230083c9'/%3E%3C/svg%3E");
  background-size: 800px 60px;
}

.wave-bottom {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 60'%3E%3Cpath d='M0,30 C200,0 200,60 400,30 C600,0 600,60 800,30 L800,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: 800px 60px;
}

.wave-pale-blue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 60'%3E%3Cpath d='M0,30 C200,0 200,60 400,30 C600,0 600,60 800,30 L800,60 L0,60 Z' fill='%230099e6'/%3E%3C/svg%3E");
  background-size: 800px 60px;
}

.wave-sand {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 60'%3E%3Cpath d='M0,30 C200,0 200,60 400,30 C600,0 600,60 800,30 L800,60 L0,60 Z' fill='%23f2dca5'/%3E%3C/svg%3E");
  background-size: 800px 60px;
}

.wave-flipped {
  transform: scaleY(-1);
}

@keyframes ship-sway {
  0% { transform: translate(-50%, -50%) rotate(-2deg) translateY(0); }
  50% { transform: translate(-50%, -50%) rotate(2deg) translateY(-10px); }
  100% { transform: translate(-50%, -50%) rotate(-2deg) translateY(0); }
}

.ship-animation {
  animation: ship-sway 4s ease-in-out infinite;
}

/* Link and Navigation Interactions */
.hover-link {
  position: relative;
  text-decoration: none;
  transition: color 0.3s ease;
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid #9CA3AF;
}

.hover-link:hover {
  border-bottom-color: #FFEB3B;
  opacity: 1;
}

.nautical-underline {
  position: relative;
}

.nautical-underline::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: height 0.3s ease;
}

.nautical-underline:hover::after {
  height: 2px;
}

.hover-link-border-yellow:hover {
  border-color: #ffff00 !important;
}

/* Card Overlays & Placeholders */
.rental-card .overlay {
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.rental-card:hover .overlay {
  opacity: 1;
}

.img-placeholder {
  background-color: #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-size: 0.875rem;
  border: 1px solid #d1d5db;
  transition: color 0.3s ease;
}

/* Tables & Specifications styling */
.boat-spec-table th, .boat-spec-table td {
  border-bottom: 1px solid #e5e7eb;
  padding: 6px 8px;
  font-size: 0.8rem;
}

.price-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.75rem;
  border: 1px solid #0086d1;
}

.price-table th, .price-table td {
  border: 1px solid #0086d1;
  padding: 8px;
  text-align: center;
  background-color: #ffffff;
}

.price-table thead th {
  background-color: #0083c9;
  color: white;
  border-color: #0086d1;
}

.price-table .row-label-member {
  background-color: #0083c9;
  color: white;
  font-weight: bold;
}

.price-table .row-label-general {
  background-color: #00aeef;
  color: white;
  font-weight: bold;
}

.custom-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #0083c9;
  border-radius: 8px;
  overflow: hidden;
}

.custom-table th {
  background-color: white;
  color: #0083c9;
  border-bottom: 1px solid #0083c9;
  border-right: 1px solid #0083c9;
  padding: 16px;
  font-weight: 700;
}

.custom-table td {
  background-color: white;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  padding: 16px;
  text-align: center;
}

.custom-table th:last-child, .custom-table td:last-child {
  border-right: none;
}

.custom-table tr:last-child td {
  border-bottom: none;
}

/* Material Symbols and extra helpers */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}





/* 追加css */

/* 全体 */
p{font-size:14px;line-height:170%; text-align:justify;}

/* hover線色変更 */
.hover-link{border-bottom:1px solid #81cff4;}


/* ヘッダーロゴ */
.lg\:text-base{font-size:23px!important;}

/* ヘッダーメニュー */
.px-4{padding-left:0!important;padding-right:0!important;}

a.bg-marina-yellow{width:70px;}

img.custom-logo{width:65px;padding-right:5px;padding-left:10px;}

span.font-bold.text-sm.lg\:text-base.tracking-wider{font-size:20px;}


/* トップページ */

video{width:100%;}

.lg\:text-5xl{line-height:150%!important;}
.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.8))!important;}

.max-w-5xl{max-width:74rem!important;}

.img-placeholder{background-color:#fff;border:none;}

img.wp-image-42{border-radius:20px;}
img.wp-image-47{border-radius:20px;}
img.wp-image-41{border-radius:20px;}
img.wp-image-43{border-radius:20px;}

/* topサービス */
.img-placeholder{background-color:transparent;}
img.wp-image-51{border-radius:20px;}
img.wp-image-52{border-radius:20px;}
img.wp-image-50{border-radius:20px;}


/* topレンタル */
p.rental-text{
	position:absolute;
	font-size:23px;
	font-weight:bold;
	color:rgb(0 131 201 / var(--tw-bg-opacity, 1));
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

.md\:aspect-\[3\/4\]{margin-top:50px;}
img.wp-image-56{border-radius:10px;}
img.wp-image-60{border-radius:10px;}
img.wp-image-57{border-radius:10px;}

/* フッター */
img.wp-image-62{width:50px;}

.md\:w-1\/2{width:40%!important;}
.footer-right-box{width:60%;}
.hidari-aki{padding-left:20px;}


/* 会社概要ページ */
.page-id-7 .bg-black\/30{
	background-image:url(https://marina-service.co.jp/wp-content/uploads/2026/06/aboutus-header-img.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
/* タイトル上小さい文字 */
.md\:text-sm{text-align:center;}　


/* 固定ページ：宿泊について */
.page-id-63 .bg-black\/10{
	background-image:url(https://marina-service.co.jp/wp-content/uploads/2026/06/shukuhaku-header-img.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

img.wp-image-67{width:60%;margin:30px auto;}

.space-y-8.md\:space-y-12{padding-right:20px;}

/* アクティビティページ */
.page-id-25 .bg-black\/10{
	background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(https://marina-service.co.jp/wp-content/uploads/2026/06/activty.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.page-id-25 .md\:text-5xl::before {
  content: "ACTIVITY";
   position: absolute;
  top: -30px;
  left: 50%;
  font-size: 13px;
  color: #fff;
	transform: translateX(-50%);
	letter-spacing:15px;
	font-weight:600;
}

.page-id-25 .wave-bottom{background-image:url(https://marina-service.co.jp/wp-content/uploads/2026/07/kiiro-wave03.png)!important;}
.kiiro-container{background-color:#fff799;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:100px;margin-top:-100px;}

/* topへ戻るボタン */
a.w-12.h-12.md\:w-16.md\:h-16.bg-marina-yellow.border-2.border-white.rounded-full.flex.flex-col.items-center.justify-center.text-marina-dark-blue.shadow-lg.hover\:scale-110.transition-all{height:70px;}


/* お知らせ部分 */
h2.text-3xl.md\:text-4xl.font-bold.text-marina-blue{text-align:center;}
a.flex.flex-col.md\:flex-row.md\:items-center.py-5.md\:py-6.hover\:bg-gray-50.transition.group.px-4.-mx-4{
	margin-left:0;
	margin-right:0;
}

/* お知らせ一覧 */
.pt-cv-wrapper .btn-success{background-color:#0083C9;border-color:#0083C9;transition:0.5s;}
.pt-cv-wrapper .btn-success:hover{background-color:#5BAADA;border-color:#5BAADA;}


/* topサービス部分 */
h2.text-4xl.md\:text-5xl.font-bold{text-align:center;}

/* topレンタル部分 */
.text-marina-white{color:#fff!important;margin-top:20px;}
.ichiran-box{text-align:center;margin-top:20px;}

/* top宿泊 */
h2.text-4xl.font-bold.text-marina-blue{text-align:center;}


/* 販売商品ページ */
.page-id-84 .bg-black\/10{
	background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://marina-service.co.jp/wp-content/uploads/2026/06/header-rental-boat.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}


/* レンタル一覧ページ */
.md\:text-6xl{filter:drop-shadow(0 4px 3px rgb(0 0 0 / 0.8));}
.page-id-86 section.bg-marina-blue.py-16.md\:py-24.overflow-hidden.text-white{background-color:#0099E6;}
.wave-top{background-image:url(https://marina-service.co.jp/wp-content/uploads/2026/07/ao-wave.svg);background-size:800px 83px;}
.sayuu50aki{padding-left:50px;padding-right:50px;}
.page-id-86 .container.mx-auto.px-4.max-w-5xl.grid.grid-cols-1.md\:grid-cols-2.gap-12.items-center{margin-bottom:40px;}



/* レンタル一覧のカードを他のレンタルページにも入れる */
.page-id-86 .grid.grid-cols-1.md\:grid-cols-3.gap-6.md\:gap-8{padding:100px;background-color:#fff799;}
.page-id-86 .wave-bottom-kiiro{background-image:url(https://marina-service.co.jp/wp-content/uploads/2026/07/kiiro-wave04.png);margin-bottom:-23px;}
.page-id-86 section.py-16.md\:py-24.bg-white.text-gray-800{padding-left:50px;padding-right:50px;}
.page-id-86 section.bg-marina-blue.py-16.md\:py-24.overflow-hidden.text-white{padding-left:50px;padding-right:50px;}
　

.page-id-19 .wave-bottom-kiiro{background-image:url(https://marina-service.co.jp/wp-content/uploads/2026/07/kiiro-wave04.png);margin-bottom:-23px;}
.page-id-19 .grid.grid-cols-1.md\:grid-cols-3.gap-6.md\:gap-8{padding:100px;background-color:#fff799;}
.page-id-19 section.py-16.md\:py-24.bg-white.text-gray-800{padding-left:50px;padding-right:50px;}
.page-id-19 section.bg-marina-blue.py-16.md\:py-24.overflow-hidden.text-white{padding-left:50px;padding-right:50px;}
　



/* 水上バイクページ */
.md\:text-5xl{filter:drop-shadow(0 4px 3px rgb(0 0 0 / 0.8));}
h2.text-marina-dark-blue{margin-bottom:20px;}

.page-id-23 .wave-bottom-kiiro{background-image:url(https://marina-service.co.jp/wp-content/uploads/2026/07/kiiro-wave04.png);margin-bottom:-23px;}
.page-id-23 .grid.grid-cols-1.md\:grid-cols-3.gap-6.md\:gap-8{padding:100px;background-color:#fff799;}
.page-id-23 section.py-16.md\:py-24.bg-white.text-gray-800{padding-left:50px;padding-right:50px;}
.page-id-23 section.bg-marina-blue.py-16.md\:py-24.overflow-hidden.text-white{padding-left:50px;padding-right:50px;}


/* タイトル上小さい文字 */
.tracking-widest{text-align:center;}

/* レンタルボートページ */
section.py-32.relative.text-white.bg-cover.bg-center{margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);padding-top:5rem;}
section.py-24.bg-white.relative.text-gray-800{margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);}
span.small-moji{font-size:16px;font-weight:400; padding-left:10px;}
.text-tuiki{margin-top:10px!important;margin-bottom:50px;}
section.py-16.px-4.bg-white{margin-left:50px;margin-right:50px;}
section.py-12.bg-white{margin-left:50px;margin-right:50px;}

p.mb-10{text-align:center;}
.chuou-yose{text-align:center;}


/* 施設概要ページ */
.page-id-7 tbody{border:solid 1px #0071B2}

section.bg-white.px-4.pt-8.pb-24{margin:0 50px;}

.page-id-7 .flex.items-center.gap-3.mb-10{margin-bottom:0;}
.page-id-7 .mb-6{margin-bottom:1rem;}
.page-id-7 .mb-12{margin-bottom:1rem;}


/* ジェットスキーページ */
.page-id-23 .rounded-lg{border-radius:0!important;}
.senplus{border:solid 1px #e0f2fe!important;}

p.mt-4.text-xs.text-gray-500.text-right{margin-top:0;}


/* アクティビティページ */
.taken-container{margin-top:50px;margin-bottom:100px;}
p.activities-text{margin-bottom:20px;}


/* お知らせページ */
.page-id-80 .bg-black\/10{
	background-image:url(https://marina-service.co.jp/wp-content/uploads/2026/06/oshirase-header-img.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.page-id-80 .md\:text-5xl::before {
  content: "NEWS";
   position: absolute;
  top: -30px;
  left: 50%;
  font-size: 13px;
  color: #fff;
	transform: translateX(-50%);
	letter-spacing:15px;
	font-weight:600;
}




/* お問い合わせページ */
.page-id-75 .bg-black\/10{
	background-image:url(https://marina-service.co.jp/wp-content/uploads/2026/06/otoiawase-header-img.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.page-id-75 .md\:text-5xl::before {
  content: "INQUIRY";
   position: absolute;
  top: -30px;
  left: 50%;
  font-size: 13px;
  color: #fff;
	transform: translateX(-50%);
	letter-spacing:15px;
	font-weight:600;
}



/* 船舶免許ページ */
.page-id-82 .bg-black\/10{
	background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://marina-service.co.jp/wp-content/uploads/2026/06/menkyo-header-img.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
span.shou-text{font-size:22px;padding-left:10px;}
.shikoku-container{display:flex;gap:2rem;}
.shikoku-box{width:50%;}

p.shikoku-course{font-size:26px;font-weight:700;color:#0083C9;margin-bottom:10px;}

p.shokaku-setumei{margin-bottom:30px;}

.menkyo-hyou{width:30%;}
.menkyo-hiyou{width:35%;}

.page-id-82 .pb-4{margin-top:50px;}

.kiiro-box{background-color:#fff574;padding:20px;margin:40px 0 60px 0;}
p.futoji{text-align:center;font-size:26px;margin-bottom:10px;color:#0083c9;font-weight:700;}
.under {
  background: linear-gradient(transparent 50%, #ffde00 50%);
}

.page-id-82 .md\:text-5xl::before {
  content: "LICENSE";
  position: absolute;
  top: -30px;
  left: 50%;
  font-size: 13px;
  color: #fff;
	transform: translateX(-50%);
	letter-spacing:15px;
	font-weight:600;
}

/* 修理・保管・メンテナンスページ */
.page-id-77 .bg-black\/10{
	background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://marina-service.co.jp/wp-content/uploads/2026/06/repair-header-img.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

h3.hokan-title{font-size:22px;font-weight:700;margin-bottom:7px;margin-top:50px;}
p.komoji{text-align:right;font-size:12px;margin-top:5px;}

h2.tyuui-title{font-size:22px;font-weight:700;margin-bottom:10px;}

.hituyou-jikou{margin-top:20px;margin-bottom:100px;}

p.tenken-text{margin-bottom:10px;}

p.sonota-text{font-size:20px;margin-top:50px;color:#0083c9;font-weight:700;text-align:center;}
span.marker{background: linear-gradient(transparent 60%, #fff78f 50%);}

/*２個目のテーブル  */
.price-table02 {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.75rem;
  border: 1px solid #0086d1;
}

.price-table02 th, .price-table02 td {
  border: 1px solid #0086d1;
  padding: 8px;
  text-align: center;
  background-color: #ffffff;
}

.price-table02 thead th {
  background-color: #0083c9;
  color: white;
  border-color: #0086d1;
}

.price-table02 .row-label-member {
  background-color: #0083c9;
  color: white;
  font-weight: bold;
}

.price-table02 .row-label-general {
  background-color: #00aeef;
  color: white;
  font-weight: bold;
}

.page-id-77 .md\:text-5xl::before {
  content: "MAINTENANCE";
   position: absolute;
  top: -30px;
  left: 50%;
  font-size: 13px;
  color: #fff;
	transform: translateX(-50%);
	letter-spacing:15px;
	font-weight:600;
}



/* お問い合わせページ */
h2.wp-block-heading.contact-h2{font-size:24px;font-weight:700;margin:20px 0;}
p.contact-text.wp-block-paragraph a{font-size:20px;font-weight:700;padding:0 5px;}


/*　ContactForm7のテーブル化　*/
article#post-75{padding:50px;}

/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}

/* 一番下ボーダー */
tr.last-sen{border-bottom:1px #DDD solid;}

.table-res-form{
	table-layout: fixed; /* 自動調整を無効化 */
	width: 100%;
}

th.hidari{
	width:30%;
	padding:20px;
}
 
.table-res-form td{padding:10px;}

input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email{margin-bottom:0;}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{margin-bottom:0;}

/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 1px 8px;
    background: #e84351;
    border-radius: 2px;
	margin-left:8px;
}

/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], input[type="tel"], textarea {
    border: 1px #89BDDE solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
}

textarea.wpcf7-form-control.wpcf7-textarea{
	border: 1px #89BDDE solid;
    padding: 0.5em;
    border-radius: 5px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{width:100%;}
input.wpcf7-form-control.wpcf7-text{width:100%;}
textarea.wpcf7-form-control.wpcf7-textarea{width:100%;}

.wpcf7-spinner{display:none;}


.table-res-form p{text-align:left;}
.soushin p{
	text-align:center;
	border:solid 1px;
	width:150px;
	height:30px;
	padding:2px 0;
	margin:40px auto 70px;
}


/* 送信ボタン */
.soushin p:hover{background-color:#e0f2fe;transition: 0.5s;}

/* 送信後やエラーの時のテキスト */
.wpcf7 form.sent .wpcf7-response-output{border:none!important;text-align:center;background-color:#e0f2fe;color:#0083C9;}
.wpcf7-response-output{border:none!important;text-align:center;background-color:#e0f2fe;color:#0083C9;}

p.irokae a{color:#0083C9;}


/* プライバシーポリシー */
.hogohoushin-container{
	margin-top:100px;
	background-color:#f9fafb;
	box-shadow:2px 2px 2px rgb(0 0 0 / 0.05);
	border-radius:3rem;
	padding:2rem;
	border:solid 1px rgb(0 0 0 / 0.05);
}

h2.hogohoushin{margin-bottom:20px;font-size:24px;font-weight:700;color:#0083C9;}
.contact dt{
	font-size:18px;
	font-weight:700;
	border-bottom:1px solid #0083C9;
	margin-bottom:5px;
}

.contact dd{margin-bottom:30px;font-size:14px;}


/* 宿泊ページ */
.page-id-63 .bg-black\/10{
	background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://marina-service.co.jp/wp-content/uploads/2026/06/shukuhaku-header-img.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

h4.wp-block-heading.shukuhaku-title{
	color:#0086cd;
	font-weight:700;
	font-size:20px;
	margin-top:50px;
	border-left:solid 7px #0086cd;
	padding-left:5px;
	margin-bottom:15px;
}

table.shukuhaku-ryoukin{width:100%;border:solid 1px #0086cd;}
th.taishou{width:25%;}
table.shukuhaku-ryoukin td{width:25%; text-align:center;border:solid 1px #0086cd;}
td.hidari{text-align:left!important;padding:5px 5px 5px 20px;}
table.shukuhaku-ryoukin th{border:solid 1px #0086cd;padding:5px;}
td.mizuiro{background-color:#d9f3ff;padding:5px 5px 5px 20px;}
td.padding10{padding-left:5px!important;}

td.maru{text-align:center!important;padding:5px 10px!important;}
p.heya01{padding-bottom:8px;font-size:16px;font-weight:600;}
p.heya{padding:20px 0 8px 0;font-size:16px;font-weight:600;}

.option-box{margin-bottom:120px;}

.page-id-63 .md\:text-5xl::before {
  content: "ACCOMMODATION";
   position: absolute;
  top: -30px;
  left: 50%;
  font-size: 13px;
  color: #fff;
	transform: translateX(-50%);
	letter-spacing:15px;
	font-weight:600;
}


td.diagonal {
  background: linear-gradient(to top left, transparent 50%, #333 50%, #333 51%, transparent 51%);
}

td.diagonal-m {
  background: linear-gradient(to top left, transparent 50%, #333 50%, #333 51%, transparent 51%);
	background-color:#d9f3ff;
}

.wp-block-columns.line-container{align-items:center!important;margin-top:-50px;}

.shitumon-container{display:flex;align-items:center;margin-top:60px;}
p.shitumon-text{font-size:20px;font-weight:700;color:#0086DC;}
.shitumon-img{width:150px;}
.shitumon-box01{width:50%;display:flex;justify-content:flex-end;padding-right:70px;}
.shitumon-box02{width:50%;}

img.line-logo{width:70px;}
img.insta-logo{width:70px;margin-left:18px;}


/* 中古艇販売ページ */
img.wp-image-482{border-radius:3%;box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}

p.tyuuko-setsumei{margin-bottom:20px;}
.page-id-84 .md\:text-3xl{margin-top:50px;}

table.tyuuko-hanbai td{font-size:14px;border-bottom:solid 1px #e5e7eb;padding:10px;}
td.aoji{width:40%;color:#0083c9;font-weight:700;}

.page-id-84 a.inline-flex.items-center.text-marina-blue.hover\:text-marina-blue-light.transition.group.border-b.hover-link{margin-top:50px;}


/* top宿泊ボタン */
.kotei-fukidashi{position:fixed;width:150px;top:90px;right:10px;animation: shake-up 3s infinite ease-in-out;}
@keyframes shake-up {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(15px);
    }
}

/* お問合せページ */
h2.wp-block-heading.contact-h2{text-align:center;margin:50px 0;}


/* 投稿ページのヘッダー画像 */
.single .bg-black\/10{
	background-image:url(https://marina-service.co.jp/wp-content/uploads/2026/06/oshirase-header-img.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}


/* 追記分 */
p.tuiki{margin-top:10px;}



/*media Queries スマートフォンとタブレットサイズ（1194px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1194px) {

/* トップページ */
	section.bg-white.text-gray-800.py-16.md\:py-24.px-4{margin:0 50px;}

	#top.md\:gap-12{gap:0!important;}
	.md\:order-1{padding-right:30px;}
	.md\:order-3{padding-left:30px;}
	.md\:text-3xl{font-size:28px!important;}
	
/* topサービス部分	 */		
	.space-y-4.md\:space-y-6{padding-left:20px;}	
	

	
	

/* ここまで	 */
}



/*media Queries スマートフォンとタブレットサイズ（1112px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1112px) {

/* トップページ */
.md\:text-3xl{font-size:26px!important;}

	
	
	
	
	
/* ここまで	 */
}


/*media Queries タブレットサイズ（1112px～769px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) and (max-width: 1112px) {

/*-- トップページリード文の疑似改行-*/
.br::before {
	content: "\A" ;
	white-space: pre ;
}
	
	
	/*-- ここまで --*/
}



/*media Queries スマートフォンとタブレットサイズ（1023px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1023px) {

/* ヘッダーメニュー	 */
	img.custom-logo{width:65px;padding-left:10px;}
	
/* topヘッダー */	
	.md\:h-\[600px\]{height:580px!important;}


/*==================================================
　5-2-6 3本線が回転して×に
===================================*/

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
	/*ボタン内側の基点となるためrelativeを指定。
追従するナビゲーションの場合はfixed＋top、rightといった位置をセットで指定*/
	position: relative;
	cursor: pointer;
    width: 40px;
    height:40px;
	border-radius: 5px;
	z-index:9999;
}

/*ボタン内側*/
.openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 8px;
    height: 3px;
    border-radius: 2px;
	background: #fff;
  }


.openbtn span:nth-of-type(1) {
	top:12px;	
  	width: 65%;
}

.openbtn span:nth-of-type(2) {
	top:21px;
  	width: 50%;
}

.openbtn span:nth-of-type(3) {
	top:31px;
  	width: 40%;
}

/*activeクラスが付与されると線が回転して×になる*/
	
.openbtn.active span:nth-of-type(1) {
    top: 14px;
    left: 9px;
    transform: translateY(6px) rotate(-135deg);
    width: 50%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 26px;
    left: 9px;
    transform: translateY(-6px) rotate(135deg);
    width: 50%;
}	

/*========= ナビゲーションのためのCSS ===============*/

/*アクティブになったエリア*/
#g-nav.panelactive{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
	top: 0;
	left:0;
	width:100%;
    height: 100vh;
}

/*丸の拡大*/
.circle-bg{
    position: fixed;
	z-index:3;
    /*丸の形*/
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #0086cd;
    /*丸のスタート位置と形状*/
	transform: scale(0);/*scaleをはじめは0に*/
	right:-50px;
    top:-50px;
    transition: all .6s;/*0.6秒かけてアニメーション*/
}

.circle-bg.circleactive{
	transform: scale(50);/*クラスが付与されたらscaleを拡大*/
}

/*ナビゲーションの縦スクロール*/
#g-nav-list{
    display: none;/*はじめは表示なし*/
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#g-nav.panelactive #g-nav-list{
     display: block; /*クラスが付与されたら出現*/
}

/*ナビゲーション*/
#g-nav ul {
	opacity: 0;/*はじめは透過0*/
    /*ナビゲーション天地中央揃え※レイアウトによって調整してください。不必要なら削除*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

/*背景が出現後にナビゲーションを表示*/
#g-nav.panelactive ul {
    opacity:1;
}

/* 背景が出現後にナビゲーション li を表示※レイアウトによって調整してください。不必要なら削除*/
#g-nav.panelactive ul li{
animation-name:gnaviAnime;
animation-duration:1s;
animation-delay:.2s;/*0.2 秒遅らせて出現*/
animation-fill-mode:forwards;
opacity:0;
}
@keyframes gnaviAnime{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}


/*リストのレイアウト設定*/
#g-nav li{
	text-align: center; 
	list-style: none;
}

#g-nav li a{
	color: #fff;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	border-bottom:solid 1px #FFF100;
}	
	
/* 宿泊固定ボタン */
	.kotei-fukidashi{top:75px;}
	
	
/* ここまで	 */
}



/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {

	.tab-gazou{display:none;}	
	
	
/* ここまで	 */
}



/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


/* topヘッダー */
	.md\:h-\[600px\]{height:550px!important;}	
	
	
/* topヘッダー下	 */
	img.wp-image-42{width:260px;height:240px;object-fit:cover;}
	img.wp-image-43{width:250px;height:240px;object-fit:cover;}


	/* topお知らせ部分	 */
	.md\:pb-48{padding-right:50px;padding-left:50px;}	

/* topレンタル部分	 */	
	.md\:py-32{padding-right:50px;padding-left:50px;}	
	
/* topサービス部分 */
	.md\:text-4xl{font-size:28px!important;}


/* フッター	 */
	.flex.flex-col.md\:flex-row.gap-10.md\:gap-12.items-center.justify-center{margin:0 50px;}

	
/* レンタルボートページ	 */
	.page-id-19 .md\:text-4xl{font-size:26px!important;}

	
/* ジェットスキーページ */
	section.mb-16{margin-left:50px;margin-right:50px;}
	.mb-24{margin-left:50px;margin-right:50px;}
	.max-w-3xl{margin-left:50px!important;margin-right:50px!important;}
	
/* 施設概要	 */
	.page-id-19 .nibariki-box{margin-left:50px;margin-right:50px;}

	
/* アクティビティページ	 */
	article#post-25{margin-left:50px;margin-right:50px;}
	
/* 免許ページ	 */
	.page-id-82 .md\:py-24{margin-left:50px;margin-right:50px;}
	
/* 修理・保管・メンテナンスページ */
	.page-id-77 main.max-w-4xl.mx-auto.px-4.py-16.md\:py-24{margin-left:50px;margin-right:50px;}
	

/* 宿泊ページ	 */
	.page-id-63 main.max-w-4xl.mx-auto.px-4.py-16.md\:py-24{margin-left:50px;margin-right:50px;}
	
	.wp-block-columns.pc-gazou.is-layout-flex.wp-container-core-columns-is-layout-8f761849.wp-block-columns-is-layout-flex{display:none;}
	
/* 中古艇販売ページ	 */
	.page-id-84 main.max-w-4xl.mx-auto.px-4.py-16.md\:py-24{margin-left:50px;margin-right:50px;}
	

/* レンタル一覧を他のレンタルページにも入れる	 */
	.page-id-86 .grid.grid-cols-1.md\:grid-cols-3.gap-6.md\:gap-8{padding:60px 50px;}
	.page-id-86 .md\:text-xl{font-size:18px;line-height:18px;}
	.page-id-86 .md\:text-sm{font-size:12px;line-height:17px;margin-top:7px;}
	
	.page-id-19 .grid.grid-cols-1.md\:grid-cols-3.gap-6.md\:gap-8{padding:60px 50px;}
	.page-id-19 .md\:text-xl{font-size:18px;line-height:18px;}
	.page-id-19 .md\:text-sm{font-size:12px;line-height:17px;margin-top:7px;}
	
	.page-id-23 .grid.grid-cols-1.md\:grid-cols-3.gap-6.md\:gap-8{padding:60px 50px;}
	.page-id-23 .md\:text-xl{font-size:18px;line-height:18px;}
	.page-id-23 .md\:text-sm{font-size:12px;line-height:17px;margin-top:7px;}
	
	.kiiro-container{padding:60px 50px;}
	
/* 	お知らせページ */
	.page-id-80 main.max-w-4xl.mx-auto.px-4.py-16.md\:py-24{margin-left:50px;margin-right:50px;}
	
/* 投稿ページ */
	.single main.max-w-4xl.mx-auto.px-4.py-16.md\:py-24{margin-right:50px;margin-left:50px;}
	
	
/* ここまで	 */
}



/*media Queries スマホサイズ（834px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 834px) {

/* topヘッダー */
	.md\:h-\[600px\]{height:490px!important;}	

/* topヘッダー以下	 */
	img.wp-image-42{height:260px;}
	img.wp-image-43{height:260px;}
	img.wp-image-47{height:330px;object-fit:cover;}
	img.wp-image-41{height:330px;object-fit:cover;}
	
	
/* 船舶免許ページ	 */
	.page-id-82 img.w-full.aspect-\[3\/2\].object-cover.rounded-xl.shadow-lg{height:320px;}
	


	
/* ここまで	 */		
	
}


/*media Queries PCサイズ（768px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
	
/* topヘッダー以下	 */
	.tablet-ika-container{display:none;}

/* 	2階層ヘッダー高さ */
	.md\:h-\[300px\]{height:400px!important;}
	.page-id-25 .md\:h-\[300px\]{height:450px!important;}

/* 施設概要	 */
	.md\:w-1\/5{width:27%!important;}
	td.p-6{text-align:justify;}

	

	
	
	
/* ここまで	 */		
	
}


/*media Queries スマホサイズ（767px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 767px) {
	
/* topヘッダー */
	.md\:h-\[600px\]{height:450px!important;}	

/* topヘッダー以下	 */
	.grid.grid-cols-1.gap-6.order-1.md\:order-1{display:none;}
	.grid.grid-cols-1.gap-6.order-3.md\:order-3{display:none;}
	
	.tablet-ika-container{display:flex;flex-wrap:wrap; margin-top:50px;}
	.tablet-ika-box{width:50%;margin-bottom:20px;}
	img.wp-image-42{width:310px;height:300px;padding-right:5px;}
	img.wp-image-47{width:310px;height:300px;padding-left:5px;}
	img.wp-image-41{width:310px;height:300px;padding-right:5px;}
	img.wp-image-43{width:310px;height:300px;padding-left:5px;}
	
	section.bg-white.text-gray-800.py-16.md\:py-24.px-4{padding-bottom:0;}

	.md\:h-\[600px\]{height:450px!important;}
	
/* topボートの位置	 */
	.sm\:w-32{top:40px!important;right:-30px!important; width:9rem!important;}

	
/* topサービス部分	 */
	.space-y-4.md\:space-y-6{margin-top:30px;}


/* top宿泊部分	 */
	.grid.gap-4.md\:grid-cols-2.grid-cols-1{display:none;}
	
	img.wp-image-56{width:310px;height:300px;padding-right:5px;object-fit:cover;}
	img.wp-image-60{width:310px;height:300px;padding-left:5px;object-fit:cover;}
	img.wp-image-57{width:310px;height:300px;padding-right:5px;object-fit:cover;}
	img.wp-image-71{width:310px;height:300px;padding-left:5px;object-fit:cover;border-radius:10px;}
	
	
	
/* フッター部分	 */
	.md\:w-1\/2{width:270px!important;}
	.footer-right-box{width:100%;margin-top:50px;}
	.flex.items-center.gap-4{justify-content:center;}
	.flex.gap-4{justify-content:center;}
	.flex.gap-4.text-xs.font-bold.text-marina-dark-blue.underline.mt-4 a{text-decoration:none;}
	.text-marina-dark-blue.space-y-1.text-sm.font-medium{text-align:center;width:310px;}

	
/* 	2階層ヘッダー高さ */
	.md\:h-\[300px\]{height:300px!important;}	
	
/* 船舶免許ページ */
.shikoku-container{display:block;gap:0;}	
	.shikoku-box{width:100%;}

	
/*コンタクトフォーム*/
	th.hidari{display:block;width:100%;padding-bottom:0;}
	.table-res-form td{display:block;width:100%;}

	
/* レンタル一覧ページ	 */
	.page-id-86 .grid.grid-cols-1.md\:grid-cols-3.gap-6.md\:gap-8{display:none;}
	.page-id-86 .wave-bottom-kiiro{background-image:url(https://marina-service.co.jp/wp-content/uploads/2026/07/kiiro-wave-shiro.png);}

/* ボートページ・バイクページ・アクティビティページ	 */
	.boat-page{display:none;}
	.bike-page{display:none;}
	.activity-page{display:none;}
	
	
/*ここまで*/		
	
	
/* ここまで	 */		
	
}



/*media Queries スマホサイズ（699px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 699px) {

	
/* topヘッダー */
	.md\:h-\[600px\]{height:400px!important;}		
	
/* 会社概要の表を縦に */
	table.w-full.text-left.border-collapse th,table.w-full.text-left.border-collapse td{
		display:block;
		width:100%;
		text-align:center;
	}
	.border-b{border-bottom-width:3px;}

/* 船舶免許ページ	 */
	th.bg-\[\#0086d1\].text-white.border.border-\[\#0086d1\].py-4.px-6.text-center.font-bold.senplus{padding:10px;}
	p.futoji{font-size:22px;}

/* 修理・保管・メンテナンスページ	 */
	.page-id-77 .overflow-x-auto{overflow-y:scroll!important;overflow-x:auto!important;}	
	.page-id-77 table.price-table{white-space: nowrap;}
	.page-id-77 table.shukuhaku-ryoukin{white-space: nowrap;}
	
	
/* ここまで	 */		
}


/*media Queries スマホサイズ（647px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 647px) {
	
/* 水上スキーページ	 */
	.page-id-23 .overflow-x-auto{overflow-y:scroll!important;overflow-x:auto!important;}	
	table.w-full.border-collapse.border.border-\[\#0086d1\].rounded-lg.overflow-hidden.shadow-sm{white-space:nowrap;}

/* レンタルボートページ */
	.page-id-19 .overflow-x-auto{overflow-y:scroll;padding-bottom:8px;}	
	.page-id-19 table.price-table{white-space: nowrap;}
	
	
/* ここまで	 */		
}


/*media Queries スマホサイズ（639px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 639px) {
	
/* レンタルボートページ	 */
	.flex.flex-col.sm\:flex-row.gap-2.sm\:gap-8.py-2{flex-direction:row;gap:2rem;}
		

	
	

/* ここまで	 */		
}




/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

/* 全体の設定	 */
	p{font-size:16px;}
	
	
/* 横揺れ	 */
	body {
  overflow-x: hidden;
}

	
	
/* topヘッダー */
	video{max-width:120%!important;position:absolute;right:0;}
	
	.md\:h-\[600px\]{height:350px!important;}
	

/*-- レンタルボートページ疑似改行-*/
.br02::before {
	content: "\A" ;
	white-space: pre ;
}	

/* 船舶免許ページ	 */
	h2.text-2xl.md\:text-3xl.font-black.text-marina-blue.mb-6{padding-left: 1em;text-indent: -1em;}
	.page-id-82 .overflow-x-auto{overflow-y:scroll!important;overflow-x:auto!important;}	
	.page-id-82 table.menkyo-container{white-space: nowrap;}
	.taken-container{margin-bottom:50px;}

	.page-id-77 .overflow-x-auto{overflow-y:scroll!important;overflow-x:auto!important;}	
	table.price-table02{white-space: nowrap;}	
	
/* 修理保管メンテナンスページ	 */
	/* 左固定 */
table.price-table tr > :first-child {
    position: sticky;
    left: 0;
	z-index:1;
}

	
/* フッター	 */
	.md\:w-1\/2{width:100%!important;}
	.text-marina-dark-blue.space-y-1.text-sm.font-medium{width:100%;}
	p.address{text-align:center;}
	p.jikan{text-align:center;}
	p.bangou{text-align:center;}

	
/* 中古艇販売ページ */
	td.aoji.kaigyou{padding-left:17px;text-indent:-17px;}
	td.aoji{width:30%;}
	table.tyuuko-hanbai td{padding:10px 0;}
	
/* 宿泊固定ボタン */
	.kotei-fukidashi{width:130px;}	
	
/* ここまで	 */			
}





/*media Queries スマホサイズ（499px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 499px) {

	/* topヘッダー */
	.md\:h-\[600px\]{height:300px!important;}	

/* ヘッダーハンバーガーボタン	 */
	label.cursor-pointer.p-2.hover\:bg-marina-dark-blue.rounded-md.lg\:hidden{margin-right:10px;}
	
/* topヘッダー以下	 */
	img.wp-image-42{width:200px;height:200px;}
	img.wp-image-47{width:200px;height:200px;}
	img.wp-image-41{width:200px;height:200px;}
	img.wp-image-43{width:200px;height:200px;}
	
	
	
/* top宿泊部分	 */
	img.wp-image-56{width:200px;height:200px;}
	img.wp-image-60{width:200px;height:200px;}
	img.wp-image-57{width:200px;height:200px;}
	img.wp-image-71{width:200px;height:200px;}

/* 	レンタルボートページ */
	.page-id-19 .md\:text-3xl{font-size:22px!important;}
	section.py-16.px-4.bg-white{margin-left:30px;margin-right:30px;}
    section.py-12.bg-white{margin-left:30px;margin-right:30px;}
	section.bg-marina-blue.py-16.md\:py-24.overflow-hidden.text-white{padding-left:30px;padding-right:30px;}
	

/* ジェットスキーページ */
	section.mb-16{margin-left:30px;margin-right:30px;}
	.mb-24{margin-left:30px;margin-right:30px;}
	.max-w-3xl{margin-left:30px!important;margin-right:30px!important;}		
	
	
/* 施設概要	 */
	table.w-full.text-left.border-collapse td{padding-left:20px;padding-right:20px;}
	.page-id-19 .nibariki-box{margin-left:30px;margin-right:30px;}
	
	.py-24{padding-top:4rem!important;padding-bottom:4rem!important;}
	
	/* top左右padding	 */
	section.bg-white.text-gray-800.py-16.md\:py-24.px-4{margin:0 30px;}
	.md\:pb-48{padding-right:30px;padding-left:30px;}
	.md\:py-32{padding-right:30px;padding-left:30px;}
	
/* アクティビティページ	 */
	article#post-25{margin-left:30px;margin-right:30px;}

/* 船舶免許ページ */
	.page-id-82 .md\:py-24{margin-left:30px;margin-right:30px;padding-top:0;}
	p.futoji{font-size:18px;}
	
/* お問い合わせページ	 */
	article#post-75{padding:30px;}
	
/* 修理・保管・メンテナンスページ	 */
	.page-id-77 main.max-w-4xl.mx-auto.px-4.py-16.md\:py-24{margin-left:30px;margin-right:30px;}

/* 宿泊ページ	 */
	.page-id-63 main.max-w-4xl.mx-auto.px-4.py-16.md\:py-24{margin-left:30px;margin-right:30px;}
	.page-id-63 .overflow-x-auto{overflow-y:scroll!important;overflow-x:auto!important;}	
	.page-id-63 table.shukuhaku-ryoukin{white-space: nowrap;}
	td.mizuiro.hidari{width:50%;}
	
	th.padding499ika{padding-left:30px!important;padding-right:30px!important;}
	

	/* 中古艇販売ページ	 */
	.page-id-84 main.max-w-4xl.mx-auto.px-4.py-16.md\:py-24{margin-left:30px;margin-right:30px;}
	
	
/* 	お知らせページ */
	.page-id-80 main.max-w-4xl.mx-auto.px-4.py-16.md\:py-24{margin-left:30px;margin-right:30px;}	

	/* 投稿ページ */
	.single main.max-w-4xl.mx-auto.px-4.py-16.md\:py-24{margin-right:30px;margin-left:30px;}

	
/* 宿泊予約ボタン	 */
	.kotei-fukidashi{width:110px;}	
	
/* ここまで	 */			
}



/*media Queries スマホサイズ（440px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 440px) {

/* topヘッダー */
	
	video{width:auto; max-width:140%!important;}
.md\:h-\[600px\]{height:270px!important;}	
	


/*-- 疑似改行-*/
.br03::before {
	content: "\A" ;
	white-space: pre ;
}	

	h3.text-3xl.font-black.text-marina-blue.italic{line-height:90%;}
	p.mb-10.font-bold.text-sm.md\:text-lg.leading-relaxed{font-size:18px;font-weight:500;}	

	


/* フッター	 */
	.flex.flex-col.md\:flex-row.gap-10.md\:gap-12.items-center.justify-center{margin:0 30px;}

	
/* 施設概要ページ	 */
	section.bg-white.px-4.pt-8.pb-24{margin:0 30px;}

	

	
	
/* ここまで	 */			
}





/*media Queries スマホサイズ（414px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 414px) {

/* topヘッダー */
video{max-width:150%!important;}

/* topヘッダー以下 */
	section.bg-white.text-gray-800.py-16.md\:py-24.px-4{margin:0 30px;}	

	
/* レンタルボートページ	 */
	p.text-marina-blue.font-bold.text-base.md\:text-lg.leading-relaxed.mb-16{font-size:14px;}
	
/* ２階層ページタイトル	 */
	.text-3xl{font-size:26px;}
	
/* ここまで	 */			
}






/*media Queries スマホサイズ（390px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 390px) {

/* topヘッダー */
	video{max-width:160%!important;}

	
/* フッター	 */
	.flex.flex-col.md\:flex-row.gap-10.md\:gap-12.items-center.justify-center{margin:0 10px;}	

/* 注意事項のグレーボックス	 */
	.p-8{padding:1rem!important;}
	
/* お問い合わせのプライバシーポリシー	 */
	.hogohoushin-container{padding:1rem!important;}
	
/* ここまで	 */			
}




/*media Queries スマホサイズ（360px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 360px) {

/* topヘッダー */
	.md\:h-\[600px\]{height:330px!important;}	


/* ここまで	 */			
}



　/* 表 */
.overflow-hidden{border:solid 1px #0086cd!important;}
td.p-6{border:solid 1px #0086cd!important;}