.hamburger{
display: none
}
.globalMenuSp{
display: none;
}
/*info_table*/
table.table01 {
margin: 0 auto;
font-weight: bold;
word-break: break-all;
border-collapse: separate;
/*border-spacing: 0 10px;*//*間のうペース*/
width: 95%;
border:2px solid #52AF22;
border-radius: 3px;
}
table.table01 thead th {
color: #52AF22;
padding:5px 0;
background: #FFC7C7;
border:1px solid #52AF22;
font-size: 90%;
}
table.table01 thead th.bg_che {
background: #FFEEB6;
}
table.table01 thead th.bg_gen {
background: #DFFFB6;
}
table.table01 thead th.bg_va {
background: #FFD1B6;
}
table.table01 tbody td {
padding: 5px;
vertical-align: middle;
text-align: center;
color: #52AF22;
background: #FFFFFF;
border-left:1px solid #52AF22;
border-right:1px solid #52AF22;
font-size: 85%;
border-bottom:dashed 1px #52AF22;
}
table.table01 tbody td.colspan01 {
padding: 5px;
vertical-align: middle;
text-align: center;
color: #ffffff;
background: #9ADE7B;
border-top:2px solid #52AF22;
border-bottom:2px solid #52AF22;
font-size: 105%;
}
table.table01 tbody td.colspan02 {
padding: 5px;
vertical-align: middle;
text-align: center;
color: #ffffff;
background: #F3CA52;
border-top:2px solid #52AF22;
border-bottom:2px solid #52AF22;
font-size: 105%;
}
table.table01 tbody td.no_bot_line{
border-bottom: none;
}
table.table01 tbody td.td50_25 img{
width: 50px;
height: 25px;
vertical-align: middle;
padding: 0 2px 0 5px;
}
table.table01 tbody td img{
width: 25px;
height: 50px;
}
table.table01 tbody td.td30_30 img{
width: 25px;
height: 25px;
}

table.table01 tbody td.te_left{
text-align: left;
}

table.table02 {
margin: 20px auto;
font-weight: bold;
word-break: break-all;
border-collapse: separate;
/*border-spacing: 0 10px;*//*間のうペース*/
width: 90%;
box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
table.table02 tbody td {
padding: 5px 0 5px 10px;
vertical-align: middle;
text-align: left;
color: #58B530;
background: #FFFFFF;
font-size: 110%;
font-weight: bold;
box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 7px 13px -3px, rgba(0, 0, 0, 0.1) 0px -3px 0px inset;
}
table.table02 td:first-child{
background: #FCEDBF;
border: solid 1px #FCEDBF; 
}
table.table02 tbody td img{
width: 30px;
height: 30px;
}
table.table02 tbody td i{
margin-right: 0;
font-size: 80%;
padding: 0;
}
table.table03 {
margin: 20px auto;
word-break: break-all;
border-collapse: separate;
/*border-spacing: 0 10px;*//*間のうペース*/
width: 90%;
font-weight: 500;
}
table.table03 thead th {
color: #ffffff;
padding:8px;
background: #58B530;
border:1px solid #ffffff;
}
table.table03 tbody td {
padding: 8px;
vertical-align: middle;
text-align: left;
background: #FFFFFF;
border:1px solid #58B530;
}
table.table03 tbody td:first-child{
color: #58B530;
white-space: nowrap;
background: #F9F1E1;
font-weight: bold;
}
table.table03 tbody td img{
width: 30px;
height: 30px;
}
table.table03 tbody td i{
margin-right: 0;
font-size: 80%;
padding: 0;
}
.ru_left{
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
width: 20%;
white-space: nowrap;
}
.line_h_1{
line-height: 1.3;
}
.ru_right{
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.hosoku{
text-align: right;
font-size: 90%;
color: #58B530;
width: 95%;
line-height: 1.2;
margin: 5px auto;
}
.hosoku_img{
width: 10%;
vertical-align: middle;
}
.menu-checkbox {
display: none;
}
.drawer-menu{
display: none;
}
@media screen and (max-width: 834px){ 
.drawer-menu{
display: block;
}
/* メニューボタンの装飾 */
.menu-button {
display: block;
position:absolute;
top: 20px;
right: 20px;
z-index: 200;
height: 30px;
width: 40px;
cursor: pointer;
}
.menu-button::before,
.menu-button::after {
content: '';
transition: .3s;
}
.menu-button::before,
.menu-button::after,
.menu-button span {
display: block;
position: absolute;
left: 0;
height: 3px;
width: 100%;
margin-top: -1px;
background-color: #F47676;
}
.menu-button::before {
top: 0;
}
.menu-button::after {
bottom: 0;
content: 'menu';
color: #F47676;
}
.menu-button span {
top: 50%;
}
/* メニューボタンのアニメーション */
.menu-checkbox:checked ~ .menu-button::before {
top: 50%;
transform: rotate(45deg);
}
.menu-checkbox:checked ~ .menu-button::after {
display: none;
}
.menu-checkbox:checked ~ .menu-button span {
top: 50%;
transform: rotate(-45deg);
}
 /* メニューボタンのアニメーション */
.menu-checkbox:checked ~ .menu-button::before {
top: 50%;
transform: rotate(45deg);
}
.menu-checkbox:checked ~ .menu-button::after {
display: none;
}
.menu-checkbox:checked ~ .menu-button span {
top: 50%;
transform: rotate(-45deg);
}
/* ドロワーメニューの装飾 */
.drawer-menu {
position: fixed;
top: 0;
left: 0;
z-index: 200;
height: 100%;
width: 200px;
transform: translateX(-100%);
transition: .5s;
background-color: #fff;
}
.drawer-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.drawer-menu li {
border-bottom: 1px dotted #F47676;
}
.drawer-menu a {
display: block;
padding: 15px;
color: #F47676;
text-decoration: none;
}
.drawer-menu a:hover {
opacity: 0.7;
}
/* ドロワーメニューの開閉 */
.menu-checkbox:checked ~ .drawer-menu {
transform: translateX(0);
}
/* ドロワーメニューの背景 */
.menu-background {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 100;
height: 100%;
width: 100%;
background-color: rgba(241,238,212,0.50);
cursor: pointer;
}
.menu-checkbox:checked ~ .menu-background {
display: block;
}   
nav.globalMenuSp {
position: fixed;
display: block;
z-index : 540;
top  : 0;
left : 0;
text-align: center;
transform: translateY(-100%);
transition: all 0.9s;
width: 100%;
}
nav.globalMenuSp .nav_inner{
width: 100%;
background-image: linear-gradient(45deg, #58B530 0%, #58B530 100%); 
}	
nav.globalMenuSp .nav_inner p{
color: #ffffff;
font-weight: bold;
}	
.flex_nav_sp{
display: flex;
justify-content:flex-start;
flex-direction: row;
flex-wrap: wrap;
}
nav.globalMenuSp ul {
margin: 0 auto;
padding: 0;
padding:10px 5px;
}
nav.globalMenuSp ul li {
list-style-type: none;
border-radius: 5px;
padding: 10px 5px;
margin: 5px;
width: 160px;
height: 160px;
color: #ffffff;
}
nav.globalMenuSp ul li:last-child {
}
nav.globalMenuSp ul li:hover{
opacity: 0.7;
}
nav.globalMenuSp ul li a {
display: block;
text-decoration :none;
font-size: 90%;
font-weight: 500;
}
.nav_img{width: 40%;margin: 0 auto;}
.nav_img img{width: 100%;}
.nav_logo_img{width: 25%;margin: 0 auto;}
.nav_logo_img img{width: 100%;	}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {transform: translateY(0%);}
.top_btn{
display: none;
}
/*info_table*/
table.table01 {
width: 95%;
font-size: 85%;
}
table.table01 thead th {
padding:5px;
}
table.table01 tbody td {
padding: 5px;
}
}
@media screen and (max-width: 600px) {
table.table01 {
width: 98%;
font-size: 80%;
}
table.table01 thead th {
padding:3px;
}
table.table01 tbody td {
padding: 3px;
}
table.table02 {
font-size: 90%;
}
table.table02 thead th {
padding:3px;
}
table.table02 tbody td {
padding: 3px;
}
table.table03 {
font-size: 90%;
width: 97%;
}
table.table03 thead th {
padding:8px 3px;
}
table.table03 tbody td {
padding:8px 3px;
}
#pagetop{
position:fixed;
right: -550px;
cursor:pointer;
}
nav.globalMenuSp ul li {
width: 100px;
height: 100px;
}
table.table01 tbody td.td50_25 img{
width: 40px;
height: 20px;
padding: 0 2px;
}
.hosoku{
text-align: left;
width: 95%;
line-height: 1.2;
margin: 5px auto 15px;
}
}
@media screen and (max-width: 385px) {
table.table01 tbody td.td50_25 img{
width: 30px;
height: 16px;
}
table.table01 {
font-size: 75%;
}
}