/*- themeid=link;
--------------------------------*/
/*-------------------- element type --------------------*/
BODY {
  color: #000066;
  background-color: #ffffff;
/*  background-image: url("../images/blue6b.gif");*/
  background-repeat: no-repeat;
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  margin-left: 2px;
  font-size: 80%;
  text-align: center;
}
H1 {
  color: #666699;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 140%;
  font-weight: bold;
}
H2 {
  color: #666699;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 135%;
  font-weight: bold;
}
h2#yakkanTitle{
  color: #666699;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 135%;
  font-weight: bold;
  text-align: center;
}
H3 {
  color: #666699;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 125%;
  font-weight: bold;
}
H4 {
  color: #666699;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 119%;
  font-weight: bold;
}
H5 {
  color: #666699;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 110%;
  font-weight: bold;
}
H6 {
  color: #666666;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 100%;
  font-weight: bold;
}
ADDRESS {
  color: #000066;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
}
BLOCKQUOTE {
  color: #000066;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  margin-left: 15px;
}
P {
  color: #333333;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-weight: normal;
}
PRE {
  color: #000066;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
}
UL {
  color: #663300;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 16px;
  list-style-image: url(05bul05.gif);
  list-style-position: outside;
  list-style-type: none;
}
TH {
/*  color: #eeeeee;*/
  background-color: #333333;
/*  border-color: #eeeeee #eeeeee #eeeeee #eeeeee;*/
  border-style: solid solid solid solid;
  border-width: 0px 1px 1px 0px;
  font-size: 80%;
}
A:LINK {
  color: #0000ff;
  text-decoration: none;
}
A:VISITED {
  color: #111111;
  text-decoration: none;
}
A:HOVER {
  color: #cc9900;
  text-decoration: underline;
}
a:active {
  color: #555555;
}
SELECT {
  color: #333333;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-weight: normal;
}

.inner{
  width: 1200px;
  margin: 0 auto;
}
/*-------------------- header --------------------*/
div#allCompany{
	display: flex;
	justify-content: center;
	text-align: center;
	margin-bottom: 2px;
	height: 35px;
	background-color: #4A3FFF;
	color: #ffffff;
	font-size: x-large;
	border: none;
	vertical-align: middle;
	text-shadow: 1px 1px 2px black;
}
.nav-menu {
  display: flex;
  justify-content: center;
  background-color: #f4f4f4;
  padding: 10px;
  gap: 15px;
}
.nav-menu a {
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
  color: #0073e6;
  background: white;
  padding: 10px 15px;
  border-radius: 5px;
  transition: background 0.3s;
  width: 150px;
}
.nav-menu a:hover {
  background: #cce7ff;
}
/*-------------------- body --------------------*/

section#aboutSouthernSetoKotsu{
text-align: left;
}
.hpb-body1 {
  color: #666666;
  font-size: 80%;
}
.hpb-body2 {
  color: #444444;
}
.hpb-body3 {
  color: #444444;
  font-size: 80%;
}
table#_HPB_LAYOUTTABLE_23 {
  width: 863px;
  height: 14358px;
  border-collapse: collapse;
  border: 0px solid white;
}
th, td {
  border: 0px solid white;
}
.MsoNormalTable {
  border: 0px solid white;
  border-spacing: 0;
  width: 601.5pt;
  margin-left: 35.5pt;
}
.style2 {
  vertical-align: top;
  padding: 0mm 0mm 0mm 0mm;
  width: 868px;
  height: 1013px;
}
.MsoNormal {
  line-height: 15.75pt;
  text-align: left;
  color: #0000cc;
  font-weight: 800;
  font-family: AR ADGothicJP Medium;
  font-size: x-large;
}
.MsoNormal1 {
  line-height: 40px;
  text-align: center;
  color: #0000cc;
  font-weight: 800;
  font-family: AR ADGothicJP Medium;
  font-size: x-large;
  height: 40px;
  align-items: center;
}
.shikaku {
  font-size: 10.0pt;
  font-family: "ＭＳ Ｐゴシック";
  color: #FF9900;
}
.honbun {
  font-size: 10.0pt;
  font-family: "ＭＳ Ｐゴシック";
  color: black;
  text-indent: -1em;
  padding-left: 1em;
}
.shomei {
  font-size: 10.0pt;
  font-family: "ＭＳ Ｐゴシック";
  color: black;
  text-align: center;
}
.highlight-red {
  color: #ff0000;
}
.highlight-blue {
  color: #0000ff;
}
table#gokakuKigan{
	border:0px;
	cellspacing:0;
	cellpadding:0;
	width:811px;
	width:600.0pt;
	mso-cellspacing:0mm;
	background:#D5EAF9;
	mso-yfti-tbllook:1184;
	mso-padding-alt:0mm 0mm 0mm 0mm;
	height:928;
}
table#shiawaseTour{
	border:0px;
	cellspacing:0;
	cellpadding:0;
	width:811px;
	width:600.0pt;
	mso-cellspacing:0mm;
	background:#F1E2CE;
	mso-yfti-tbllook:1184;
	mso-padding-alt:0mm 0mm 0mm 0mm;
	height:928;
}
table#ferry{
	border:0px;
	cellspacing:0;
	cellpadding:0;
	width:811px;
	width:600.0pt;
	mso-cellspacing:0mm;
	background:#E5D6F9;
	mso-yfti-tbllook:1184;
	mso-padding-alt:0mm 0mm 0mm 0mm;
	height:928;
}
.boshuNinzu{
	font-size:10.0pt;
	mso-bidi-font-size:12.0pt;
  	font-family:"ＭＳ Ｐゴシック";
	mso-bidi-font-family:"ＭＳ Ｐゴシック";
	color:#0066FF;
  	mso-font-kerning:0pt;
}
tr#gokakuKiganTr{
	mso-yfti-irow:0;
	mso-yfti-firstrow:yes;
	height:7.5pt;
}
tr#shiawaseTourTr{
	mso-yfti-irow:0;
	mso-yfti-firstrow:yes;
	height:7.5pt;
}
tr#ferryTr{
	mso-yfti-irow:0;
	mso-yfti-firstrow:yes;
	height:7.5pt;	
}
td#gokakuKiganTd{
	padding:0mm 0mm 0mm 0mm;
	height:7.5pt;
	height:33px;
}
td#shiawaseTourTd{
	padding:0mm 0mm 0mm 0mm;
	height:7.5pt;
	height:33px;
}
td#ferryTd{
	padding:0mm 0mm 0mm 0mm;
	height:7.5pt;
	height:33px;
	width:30px;
}
td#gokakuKiganNaiyo{
	vertical-align: top;
	background:white;
	padding:0mm 0mm 0mm 0mm;
	width:608px;
	border:0px white;
}
td#shiawaseKiganTourNaiyo{
	vertical-align: top;
	background :white;
	padding:0mm 0mm 0mm 0mm;
	width:608px;
	border:0px white;
}
td#ferryNaiyo{
	vertical-align: top;
	background :white;
	padding:0mm 0mm 0mm 0mm;
	width:608px;
	border:0px white;
}
td.kankochi{
	background-color: white;
	border: 0px white;
}
td.kankochiPhoto{
	background-color: white;
	border : 0px white;
	text-align: cener;
}
div#main{
  text-align: left;
}
.centering{
  text-align: center;
}
/*-------------------- bullet --------------------*/
.hpb-bul1 {
  color: #cc6600;
}
.hpb-bul2 {
  color: #cc6600;
  font-size: 80%;
}
/*-------------------- contents --------------------*/
.hpb-cnt-cell1 {
  background-color: #999999;
}
.hpb-cnt-cell2 {
  background-color: #cccccc;
}
.hpb-cnt-cell3 {
  color: #333333;
  font-size: 80%;
  background-color: #ffffff;
  vertical-align: top;
  text-align: center;
  width: 827px;
  height: 14355px;
}
.hpb-cnt-cell4 {
  background-color: #cccccc;
}
.hpb-cnt-cell5 {
  color: #333333;
  font-size: 80%;
}
.hpb-cnt-cell6 {
  color: #333333;
  font-size: 80%;
}
.hpb-cnt-tb-cell1 {
  color: #666666;
  background-color: #cccccc;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 0px 1px 1px 0px;
  font-size: 80%;
}
.hpb-cnt-tb-cell2 {
  color: #666666;
  background-color: #ffffff;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 0px 1px 1px 0px;
  font-size: 80%;
}
.hpb-cnt-tb-cell3 {
  color: #666666;
  background-color: #cccccc;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 0px 0px 0px 0px;
  font-size: 80%;
}
.hpb-cnt-tb-cell4 {
  color: #666666;
  background-color: #ffffff;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 0px 0px 0px 0px;
  font-size: 80%;
}
.hpb-cnt-tb-cell5 {
  color: #666666;
  background-color: #ffffff;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 0px 0px 1px 0px;
  font-size: 80%;
}
/*-------------------- design table --------------------*/
.hpb-cnt-tb-th1 {
  color: #eeeeee;
  background-color: #333333;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 0px 1px 1px 0px;
  font-size: 80%;
}
.hpb-cnt-tb-th2 {
  color: #eeeeee;
  background-color: #333333;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 0px 0px 0px 0px;
  font-size: 80%;
}
.hpb-cnt-tb0 {
  background-color: #666666;
}
.hpb-cnt-tb1 {
  background-color: #ffffff;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 1px 0px 0px 1px;
}
.hpb-cnt-tb1-cell2 {
  color: #666666;
  background-color: #cccccc;
  font-size: 80%;
}
.hpb-cnt-tb1-cell3 {
  color: #666666;
  background-color: #ffffff;
  font-size: 80%;
}
.hpb-cnt-tb1-cell4 {
  color: #333333;
  font-size: 80%;
}
.hpb-cnt-tb1-cell5 {
  color: #333333;
  background-color: #eeeeee;
  font-size: 80%;
}
.hpb-cnt-tb2 {
  background-color: #ffffff;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 1px 1px 1px 1px;
}
.hpb-cnt-tb3 {
  background-color: #ffffff;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 0px 0px 0px 0px;
}
/*-------------------- column --------------------*/
.hpb-colm0-cell1 {
  color: #333333;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  font-size: 80%;
  font-weight: bold;
}
.hpb-colm0-cell2 {
  color: #333333;
  font-size: 80%;
}
.hpb-colm1 {
  background-color: #ffffff;
}
.hpb-colm1-cell1 {
  color: #eeeeee;
  background-color: #333333;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 1px 1px 1px 1px;
  font-size: 80%;
  font-weight: bold;
}
.hpb-colm1-cell2 {
  color: #663333;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid solid solid solid;
  border-width: 0px 1px 1px 1px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  font-size: 80%;
}
.hpb-colm2-cell1 {
  color: #333333;
  border-color: #663300 #663300 #663300 #663300;
  border-style: solid solid none solid;
  border-width: 1px 1px 1px 1px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  font-size: 80%;
  font-weight: bold;
}
.hpb-colm2-cell2 {
  color: #333333;
  border-color: #663300 #663300 #663300 #663300;
  border-style: none solid solid solid;
  border-width: 1px 1px 1px 1px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  font-size: 80%;
}
/*-------------------- head --------------------*/
.hpb-head-cell1 {
  color: #aa0000;
  background-color: #ff0033;
  font-size: 95%;
  font-weight: bold;
}
.hpb-head-tb1-cell1 {
  background-color: #cccccc;
}
.hpb-head-tb1-cell2 {
  color: #ffffff;
  background-color: #000000;
  font-size: 80%;
}
/*-------------------- horizontal menu --------------------*/
.hpb-hmenu1-hil {
  color: #cccccc;
  font-size: 80%;
  font-weight: bold;
}
.hpb-hmenu1-link0 {
  color: #cccccc;
  text-decoration: none;
}
.hpb-hmenu1-link0:link {
  color: #cccccc;
  text-decoration: none;
}
.hpb-hmenu1-link0:visited {
  color: #cccccc;
  text-decoration: none;
}
.hpb-hmenu1-link0:hover {
  color: #cccccc;
  text-decoration: underline;
}
.hpb-hmenu1-link1 {
  color: #ffffff;
  font-size: 80%;
  text-decoration: none;
}
.hpb-hmenu1-link1:link {
  color: #ffffff;
  font-size: 80%;
  text-decoration: none;
}
.hpb-hmenu1-link1:visited {
  color: #cccccc;
  font-size: 80%;
  text-decoration: none;
}
.hpb-hmenu1-link1:hover {
  color: #ffcc00;
  font-size: 80%;
  text-decoration: underline;
}
.hpb-hmenu1-link2 {
  color: #ffffff;
  font-size: 80%;
  text-decoration: none;
}
.hpb-hmenu1-link2:link {
  color: #ffffff;
  font-size: 80%;
  text-decoration: none;
}
.hpb-hmenu1-link2:visited {
  color: #cccccc;
  font-size: 80%;
  text-decoration: none;
}
.hpb-hmenu1-link2:hover {
  color: #ffcc00;
  font-size: 80%;
  text-decoration: underline;
}
.hpb-hmenu2 {
  width: 799px;
  border: 1px;
}
.hpb-hmenu2-hil {
  color: #666666;
  font-size: 160%;
  font-weight: bold;
  height: 38px;
  vertical-align: middle;
  background-color: #cccccc;
  width: 229px;
}
.hpb-hmenu2-link0 {
  color: #666666;
  font-size: 90%;
  text-decoration: none;
}
.hpb-hmenu2-link0:link {
  color: #666666;
  font-size: 90%;
  text-decoration: none;
}
.hpb-hmenu2-link0:visited {
  color: #666666;
  font-size: 90%;
  text-decoration: none;
}
.hpb-hmenu2-link0:hover {
  color: #666666;
  font-size: 90%;
  text-decoration: underline;
}
.hpb-hmenu2-link1 {
  color: #333333;
  font-size: 70%;
  text-decoration: none;
}
.hpb-hmenu2-link1:link {
  color: #333333;
  font-size: 70%;
  text-decoration: none;
}
.hpb-hmenu2-link1:visited {
  color: #666666;
  font-size: 70%;
  text-decoration: none;
}
.hpb-hmenu2-link1:hover {
  color: #0033cc;
  font-size: 70%;
  text-decoration: underline;
}
.hpb-hmenu2-link2 {
  color: #333333;
  font-size: 70%;
  text-decoration: none;
}
.hpb-hmenu2-link2:link {
  color: #333333;
  font-size: 70%;
  text-decoration: none;
}
.hpb-hmenu2-link2:visited {
  color: #666666;
  font-size: 70%;
  text-decoration: none;
}
.hpb-hmenu2-link2:hover {
  color: #0033cc;
  font-size: 70%;
  text-decoration: underline;
}
/*-------------------- horizontal rule --------------------*/
.hpb-hr01 {
  margin-top: 7px;
  margin-right: 0px;
  margin-bottom: 7px;
  margin-left: 0px;
}
.hpb-hr01-cell1 {
  background-image: url(05hr02.gif);
  background-repeat: repeat-x;
  font-size: 80%;
  font-weight: bold;
}
/*-------------------- list --------------------*/
.hpb-list1 {
  color: #663300;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 16px;
  list-style-image: url(05bul05.gif);
  list-style-position: outside;
  list-style-type: none;
}
/*-------------------- side --------------------*/
.hpb-side-cell1 {
  background-color: #ffffff;
}
.hpb-side-cell2 {
  background-color: #cccccc;
}
.hpb-side-cell3 {
  color: #333333;
  background-color: #000000;
  font-size: 80%;
}
.hpb-side-cell4 {
  background-color: #999999;
}
.hpb-side-tb1 {
  background-color: #000000;
}
.hpb-side-tb1-cell7 {
  background-color: #ffffff;
}
/*-------------------- subhead --------------------*/
.hpb-subh01 {
  background-color: #eeeeee;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 7px;
  margin-left: 0px;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 2px;
}
.hpb-subh01-cell1 {
  color: #333333;
  background-image: url(05subh07.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 80%;
  font-weight: bold;
}
/*-------------------- title --------------------*/
.hpb-title-tb-cell1 {
  color: #333333;
  font-size: 119%;
  font-weight: bold;
}
.hpb-title-tb-cell2 {
  color: #666666;
  font-size: 95%;
}
/*-------------------- vertical menu --------------------*/
.hpb-vmenu1-hil {
  color: #eeeeee;
  background-color: #666666;
  font-size: 80%;
  font-weight: bold;
}
.hpb-vmenu1-link0 {
  color: #eeeeee;
  text-decoration: none;
}
.hpb-vmenu1-link0:link {
  color: #eeeeee;
  text-decoration: none;
}
.hpb-vmenu1-link0:visited {
  color: #eeeeee;
  text-decoration: none;
}
.hpb-vmenu1-link0:hover {
  color: #eeeeee;
  text-decoration: underline;
}
.hpb-vmenu1-link1 {
  color: #ffffff;
  font-size: 80%;
  text-decoration: none;
}
.hpb-vmenu1-link1:link {
  color: #ffffff;
  font-size: 80%;
  text-decoration: none;
}
.hpb-vmenu1-link1:visited {
  color: #cccccc;
  font-size: 80%;
  text-decoration: none;
}
.hpb-vmenu1-link1:hover {
  color: #ff9900;
  font-size: 80%;
  text-decoration: underline;
}
.hpb-vmenu1-link2 {
  color: #ffffff;
  font-size: 80%;
  text-decoration: none;
}
.hpb-vmenu1-link2:link {
  color: #ffffff;
  font-size: 80%;
  text-decoration: none;
}
.hpb-vmenu1-link2:visited {
  color: #cccccc;
  font-size: 80%;
  text-decoration: none;
}
.hpb-vmenu1-link2:hover {
  color: #ff9900;
  font-size: 80%;
  text-decoration: underline;
}

/* =====================================================
   Responsive + Dark mode enhancement (2026-03-20)
   ===================================================== */
html {
  -webkit-text-size-adjust: 100%;
  color-scheme: light dark;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
  background-position: top center;
  background-size: cover;
}

img {
  max-width: 100%;
  height: auto;
}

.inner {
  width: min(1200px, calc(100% - 32px));
  margin: 0 auto;
}

header.inner,
section#yakkan.inner,
footer.inner {
  width: min(1200px, calc(100% - 32px));
}

#main {
  background: rgba(255, 255, 255, 0.9);
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  overflow-wrap: break-word;
}

#allCompany {
  min-height: 56px;
  height: auto;
  padding: 12px 16px;
  align-items: center;
  border-radius: 14px 14px 0 0;
  font-size: clamp(1.1rem, 2vw, 1.75rem);
}

.nav-menu {
  flex-wrap: wrap;
  align-items: stretch;
  padding: 12px;
  gap: 12px;
  border-radius: 0 0 14px 14px;
  margin-bottom: 20px;
}

.nav-menu a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  width: auto;
  min-width: 170px;
  text-align: center;
  border: 1px solid rgba(0, 115, 230, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

#yakkanTitle {
  margin-bottom: 16px;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
}

h3 {
  margin-top: 32px;
  margin-bottom: 12px;
  line-height: 1.5;
  font-size: clamp(1.15rem, 2vw, 1.45rem);
}

p {
  margin-bottom: 12px;
}

br + p {
  margin-top: 4px;
}

table {
  width: 100% !important;
  max-width: 100%;
  border-collapse: collapse;
  margin: 12px 0 24px;
  background: rgba(255, 255, 255, 0.96);
}

table tbody {
  width: 100%;
}

th,
td {
  padding: 10px 12px;
  vertical-align: top;
  line-height: 1.6;
  word-break: break-word;
}

th {
  background-color: #2f3b52;
}

#copyright {
  margin: 24px 0 36px;
  padding: 14px 18px;
  text-align: center;
  color: #475569;
  font-size: 0.95rem;
}

@media (max-width: 768px) {
  body {
    font-size: 15px;
    background-image: none;
  }

  .inner,
  header.inner,
  section#yakkan.inner,
  footer.inner {
    width: min(100%, calc(100% - 20px));
  }

  #main {
    padding: 16px 14px 20px;
    border-radius: 12px;
  }

  #allCompany {
    min-height: 52px;
    padding: 10px 12px;
    line-height: 1.4;
  }

  .nav-menu {
    flex-direction: column;
    gap: 10px;
    padding: 10px;
  }

  .nav-menu a {
    width: 100%;
    min-width: 0;
    font-size: 1rem;
    padding: 12px 14px;
  }

  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: normal;
    border-radius: 10px;
  }

  table tbody {
    display: table;
    min-width: 640px;
    width: 100%;
  }

  th,
  td {
    padding: 9px 10px;
    font-size: 0.94rem;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 14px;
  }

  #main {
    padding: 14px 12px 18px;
  }

  h3 {
    margin-top: 24px;
  }

  p {
    margin-bottom: 10px;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    color: #e5e7eb;
    background-color: #0f172a;
    background-image: radial-gradient(circle at top, rgba(74, 63, 255, 0.28), transparent 42%), linear-gradient(180deg, #111827 0%, #020617 100%);
  }

  h1,
  h2,
  h2#yakkanTitle,
  h3,
  h4,
  h5,
  h6,
  .MsoNormal,
  .MsoNormal1,
  .highlight-blue {
    color: #c7d2fe;
  }

  p,
  address,
  blockquote,
  pre,
  select,
  .hpb-body1,
  .hpb-body2,
  .hpb-body3,
  .hpb-cnt-cell3,
  .hpb-cnt-cell5,
  .hpb-cnt-cell6,
  .hpb-colm0-cell1,
  .hpb-colm0-cell2,
  .hpb-colm1-cell2,
  .hpb-colm2-cell1,
  .hpb-colm2-cell2,
  .honbun,
  .shomei {
    color: #e5e7eb;
  }

  a:link,
  a:visited,
  .nav-menu a {
    color: #93c5fd;
  }

  a:hover,
  .nav-menu a:hover {
    color: #f8fafc;
    background: #334155;
  }

  #main {
    background: rgba(15, 23, 42, 0.88);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
  }

  .nav-menu {
    background-color: rgba(30, 41, 59, 0.92);
  }

  .nav-menu a {
    background: #1e293b;
    border-color: rgba(147, 197, 253, 0.22);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
  }

  th {
    color: #f8fafc;
    background-color: #334155;
  }

  table {
    background: rgba(15, 23, 42, 0.96);
  }

  td,
  td.kankochi,
  td.kankochiPhoto,
  td#gokakuKiganNaiyo,
  td#shiawaseKiganTourNaiyo,
  td#ferryNaiyo {
    background: rgba(15, 23, 42, 0.96);
    color: #e5e7eb;
  }

  table#gokakuKigan,
  table#shiawaseTour,
  table#ferry,
  .hpb-cnt-tb1,
  .hpb-cnt-tb2,
  .hpb-cnt-tb3,
  .hpb-colm1 {
    background-color: #0f172a;
  }

  .highlight-red,
  .shikaku,
  .boshuNinzu {
    color: #fca5a5;
  }

  #copyright {
    color: #cbd5e1;
  }
}