/*
Theme Name: fujip
*/


body {
  font-family: sans-serif;
  line-height: 1.6;
  color: #333;
  background: #fff;
  padding-top: 70px;
}

header {
  /*background: #FFF;
  color: #fff;*/
  padding: 1em 0;
}

.header-flex {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-title {
  color: #333;
  margin: 0;
}

.site-title a {
  color: #333;
  text-decoration: none;
  display: inline-block;
  font-size: 1.2em;
}

.menu a {
  color: #333;
  text-decoration: none;
  margin-left: 15px;
  font-size: 1em;
}

.menu a:hover {
  text-decoration: underline;
}

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

.hero {
  background: linear-gradient(45deg, #377aff 0%, #00d9ff 100%);
  padding: 80px 0 140px 0;
  text-align: center;
  position: relative;
  background-image: url('jf031.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.container {
  max-width: 1200px;
  /*margin-top: 200px;*/
  margin: 0 auto;
  padding: 0 15px;
}

.main-with-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.content-area {
  flex: 1;
  min-width: 0;
}

.sidebar-area {
/* width: 300px;
  background-color: #f0f0f0;
  padding: 20px;
  box-sizing: border-box;*/
}

h2 {
    position: relative;
    padding: 0.25em 0;
}

h2:after {
  content: "";
  margin: 1px 0;
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
  background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}


aside h2 {
  margin-top: 0;
  font-size: 1.2em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em;
   margin-bottom: 0.5em;
}

.card {
    border: none;
}



ul {
  list-style: none;
  padding: 0;
}

ul li {
  margin-bottom: 0.5em;
}

article h1 {
  font-size: 1.8em;
  margin-top: 0;
}


.hamburger {
  background: none;
  border: none;
  color: #333;
  position: absolute;
  top: 10px;
  font-size: 2em;
  display: none;
  cursor: pointer;
}

.mobile-menu {
  display: none;
  flex-direction: column;
  background: #FFF;
  padding: 10px;
}

.mobile-menu a{
  color: #333;
  text-decoration: none;
  padding: 10px 0;
  border-top: 1px solid #AAA;
}

  .mobile-about{
  display: none;
  }
  

.t_menu {
    padding: 10px 4px 0px 4px;
}


.news {
  padding: 10px 10px;
}

.news a{
  color: #333;
  text-decoration: none;
  font-size: 1em;
}

.news a:hover {
  text-decoration: underline;
}


/* レスポンシブ対応 */
@media (max-width: 768px) {
  .header-flex {
    flex-direction: column;
    align-items: stretch; 
    position: relative; 
  }

  .menu {
    display: none;
  }

  .hamburger {
    display: block;
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 2em;
  }

  .mobile-menu {
    display: none;
    flex-direction: column;
    background: #FFF;
    padding: 10px;
    text-align: right; 
  }

  .mobile-menu.show {
    display: flex;
  }

  .main-with-sidebar {
    flex-direction: column;
  }

  .sidebar-area {
    width: 100%;
  }
  
  .about{
  display: none;
  }
  
  .mobile-about{
  display: block;
  padding: 0 10px;
  }
  
}

footer {
  background: #800019;
  color: #FFF;
  text-align: center;
  padding: 1em;
  font-size: 0.9em;
  margin-top: 2em;
}


/*ここから*/

.st {
color:#994C00;
font-size: 110%;
margin:0 3px;
}
h6 {
color:#994C00;
}

.aligncenter wp-image-15 size-full {
	margin: 0;
padding:5;
}

@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}

table {
/*	background-color:
	border: 1px #CCCCCC solid;
	transparent;
		font-size: medium;*/
	background: #FFFFFF;


	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
/*	margin-top:20px;*/
	margin-bottom:20px;
}
table th{
	padding: 10px;
/*	border: #CCCCCC solid;
	border-width: 0 0 1px 1px;*/
	font-weight: normal;
  width: 100px;
	text-align: center;
	line-height: 150%;
	vertical-align: top;
}
table  tr td
{
	padding: 10px;
/*		border: 1px #CCCCCC solid;
	border-width: 0 0 1px 1px;*/
	background: #FFFFFF;
	line-height: 150%;
}
table.sidemenu  {
	  width: 100%;
/*	background: #FFFFFF !important;*/
	  border:1px solid #aaaaaa;
/*  border:1px solid #98460A;*/
}

table.sidemenu td {
	font-size:19px;
	height: 100px;
	text-align:left !important;
vertical-align: middle;
padding:0 0 0 0px !important;

}
table.sidemenu img {
/*	float:left;*/
vertical-align: middle;
	padding:0 5px !important;
}


table.company {
padding:0;
margin-bottom:25px;
    border-collapse: collapse;
	    border:1px solid #98460A;
background: #98460A !important;
}

table.company th {
/*background:#817e77;
 * border:1px solid #98460A;*/
	background:#e9ae84;
    border-collapse: collapse;
	    border:1px solid #98460A;
font-weight:normal;
color:#111111;
text-align:center;
padding:10px 5px;
}
table.company td {
background:#ffffff !important;
    border-collapse: collapse;
	    border:1px solid #98460A;

padding:10px 10px;
}

table.chartA {
padding:0;
margin-bottom:25px;
    border-collapse: collapse;
    border:1px solid #98460A;
    background: #98460A !important;
    width: 100%; 
}

table.chartA th {
    background:#e9ae84;
    border-collapse: collapse;
    border:1px solid #98460A;
    font-weight:normal;
    color:#111111;
    text-align:center;
    padding:4px 2px;
}

table.chartA th a,
table.chartA th a:link {
color:#111111 !important;
	
}

table.chartA td {
background:#ffffff;
    border-collapse: collapse;
	    border:1px solid #98460A;
text-align:center;
padding:4px 2px;
}

table.chartA td.size {
background:#fdedad;
font-weight:bold;
}

table.chartA td.zone {
/*background:#f2f1ed;*/
	background:#e9ae84;
vertical-align:top;
}

table.chartA th.zone02,
table.chartA td.zone02 {
color:#FF9900;
background:#e9ae84;
/*background:#7192AC;*/	
	
}

table.chartA td.segment {
/*background:#f2f1ed;*/	
	background:#e9ae84;
    font-weight:bold;
}

table.chartA td.blank {
border:none;
}


table.chartB {
padding:0;
margin-bottom:25px;
    border-collapse: collapse;
    border:1px solid #98460A;
    background: #98460A !important;
    width: 100%; 
}

table.chartB th {
    background:#e9ae84;
    border-collapse: collapse;
    border:1px solid #98460A;
    font-weight:normal;
    color:#111111;
    text-align:center;
    padding:4px 2px;
    table-layout: auto;
}


table.chartB td {
background:#ffffff;
    border-collapse: collapse;
    border:1px solid #98460A;
    padding:4px 5px;
    table-layout: auto;
}



.instructions{
	width: 500px;
	margin:0px auto;
}

.instructions p{
	padding:0 5px;
}

.wp-block-table2 a:link { color: #0000ff; }
.wp-block-table2 a:visited { color: #000080; }
.wp-block-table2 a:hover { color: #ff0000; }
.wp-block-table2 a:active { color: #FF0000;}