.elms-42412 .elms-element.elms-element-b5d7570{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-a9abfda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-3e75a15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-1bc963c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-f0fd490{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-218a429{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-3aee7a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-d5f4874{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-23e852b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-b3e65a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-f523a3d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-85a5170{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-2368a03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-fe8e869{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-85fbfdd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-ae99b64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-f70dd1b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-7e9f2b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-42412 .elms-element.elms-element-64d3da3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.okinawa-travel-guide {
padding: 30px 20px;
background-color: #f7faff;
font-family: 'Segoe UI', sans-serif;
}
.okinawa-travel-guide h2 {
font-size: 24px;
border-left: 6px solid #007BFF;
padding-left: 15px;
color: #004c8c;
margin-bottom: 20px;
}
.travel-box {
background: #ffffff;
border: 1px solid #e0e0e0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
padding: 25px;
border-radius: 10px;
line-height: 1.7;
color: #333;
}
.travel-box ul {
margin-top: 15px;
margin-bottom: 15px;
padding-left: 20px;
}
.travel-box ul li {
margin-bottom: 10px;
}
.travel-box p:last-child {
font-weight: 600;
color: #007BFF;
}
.okinawa-toc {
background-color: #ffffff;
border: 1px solid #d9e6f2;
border-left: 6px solid #007BFF;
padding: 20px;
margin-bottom: 30px;
border-radius: 10px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
font-family: 'Segoe UI', sans-serif;
}
.okinawa-toc h2 {
font-size: 20px;
margin-bottom: 15px;
color: #004a99;
}
.okinawa-toc ul {
list-style: none;
padding-left: 10px;
margin: 0;
}
.okinawa-toc li {
margin-bottom: 10px;
}
.okinawa-toc a {
color: #007BFF;
text-decoration: none;
font-weight: 500;
}
.okinawa-toc a:hover {
text-decoration: underline;
}
.flight-section {
padding: 30px 20px;
background-color: #f0f8ff;
font-family: 'Segoe UI', sans-serif;
}
.flight-section h3 {
font-size: 22px;
border-left: 6px solid #007BFF;
padding-left: 15px;
color: #004a99;
margin-bottom: 20px;
}
.flight-box {
background: #ffffff;
border: 1px solid #ddd;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
line-height: 1.7;
}
.flight-box h4 {
color: #007BFF;
font-size: 18px;
margin-top: 15px;
margin-bottom: 8px;
}
.flight-box ul {
padding-left: 20px;
margin-bottom: 15px;
}
.flight-box ul li {
margin-bottom: 6px;
list-style-type: disc;
color: #333;
}
.ferry-section {
padding: 30px 20px;
background-color: #f0f8ff;
font-family: 'Segoe UI', sans-serif;
}
.ferry-section h3 {
font-size: 22px;
border-left: 6px solid #007BFF;
padding-left: 15px;
color: #004a99;
margin-bottom: 20px;
}
.ferry-box {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
line-height: 1.7;
}
.ferry-box h4 {
color: #007BFF;
font-size: 18px;
margin-top: 15px;
margin-bottom: 8px;
}
.ferry-box ul {
padding-left: 20px;
margin-bottom: 15px;
}
.ferry-box ul li {
margin-bottom: 6px;
list-style-type: disc;
color: #333;
}
.drive-ferry-section {
padding: 30px 20px;
background-color: #f0f8ff; 
font-family: 'Segoe UI', sans-serif;
}
.drive-ferry-section h3 {
font-size: 22px;
border-left: 6px solid #007BFF; 
padding-left: 15px;
color: #004a99;
margin-bottom: 20px;
}
.drive-ferry-box {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
line-height: 1.7;
}
.drive-ferry-box h4 {
color: #007BFF;
font-size: 18px;
margin-top: 15px;
margin-bottom: 8px;
}
.drive-ferry-box ul {
padding-left: 20px;
margin-bottom: 15px;
}
.drive-ferry-box ul li {
margin-bottom: 6px;
list-style-type: disc;
color: #333;
}
.train-flight-section {
padding: 30px 20px;
background-color: #f0f8ff; 
font-family: 'Segoe UI', sans-serif;
}
.train-flight-section h3 {
font-size: 22px;
border-left: 6px solid #007BFF; 
padding-left: 15px;
color: #004a99;
margin-bottom: 20px;
}
.train-flight-box {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
line-height: 1.7;
}
.train-flight-box h4 {
color: #007BFF;
font-size: 18px;
margin-top: 15px;
margin-bottom: 8px;
}
.train-flight-box ul {
padding-left: 20px;
margin-bottom: 15px;
}
.train-flight-box ul li {
margin-bottom: 6px;
list-style-type: disc;
color: #333;
}
.travel-tips-section {
padding: 30px 20px;
background-color: #f0f8ff; 
font-family: 'Segoe UI', sans-serif;
}
.travel-tips-section h3 {
font-size: 22px;
border-left: 6px solid #007BFF;
padding-left: 15px;
color: #004a99;
margin-bottom: 20px;
}
.travel-tips-box {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
line-height: 1.8;
}
.travel-tips-box ul {
padding-left: 20px;
margin-bottom: 0;
}
.travel-tips-box ul li {
margin-bottom: 12px;
list-style-type: disc;
color: #333;
}
.best-time-section {
padding: 30px 20px;
background-color: #f0f8ff;
font-family: 'Segoe UI', sans-serif;
}
.best-time-section h3 {
font-size: 22px;
border-left: 6px solid #007BFF;
padding-left: 15px;
color: #004a99;
margin-bottom: 20px;
}
.season-image {
width: 100%;
border-radius: 10px;
margin-bottom: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.best-time-box {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
}
.best-time-box ul {
padding-left: 20px;
margin-bottom: 0;
}
.best-time-box ul li {
margin-bottom: 12px;
list-style-type: disc;
color: #333;
}
.map-container {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.okinawa-table-section {
padding: 30px 20px;
background-color: #f0f8ff;
font-family: 'Segoe UI', sans-serif;
}
.okinawa-table-section h3 {
font-size: 22px;
border-left: 6px solid #007BFF;
padding-left: 15px;
color: #004a99;
margin-bottom: 20px;
}
.okinawa-table-box {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
overflow-x: auto;
}
.table-wrapper table {
width: 100%;
border-collapse: collapse;
min-width: 600px;
}
.table-wrapper th,
.table-wrapper td {
border: 1px solid #ccc;
padding: 12px 10px;
text-align: center;
}
.table-wrapper th {
background-color: #007BFF;
color: white;
font-weight: 600;
}
.table-wrapper tr:nth-child(even) {
background-color: #f9f9f9;
}
.table-wrapper td {
color: #333;
}
.conclusion-section {
padding: 30px 20px;
background-color: #f0f8ff;
font-family: 'Segoe UI', sans-serif;
}
.conclusion-section h3 {
font-size: 22px;
border-left: 6px solid #007BFF;
padding-left: 15px;
color: #004a99;
margin-bottom: 20px;
}
.conclusion-box {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
line-height: 1.7;
}
.conclusion-box ul {
padding-left: 20px;
margin-bottom: 15px;
}
.conclusion-box ul li {
margin-bottom: 12px;
list-style-type: disc;
color: #333;
}
.final-line {
font-weight: bold;
color: #007BFF;
margin-top: 10px;
}
.final-cta-section {
padding: 30px 20px;
background-color: #e8f4ff;
font-family: 'Segoe UI', sans-serif;
}
.final-cta-box {
background: #ffffff;
border: 1px solid #cfe2ff;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
line-height: 1.8;
color: #333;
}
.final-cta-box a {
color: #007BFF;
text-decoration: none;
font-weight: 600;
}
.final-cta-box a:hover {
text-decoration: underline;
}
.final-cta-box .thank-you {
margin-top: 20px;
font-style: italic;
color: #555;
}