a:link{
	color:#8ec31f;
}

.font-size{
	margin-top:15px;
	font-size:15px;
}

.text-cl{
	color:#8ec31f;
	font-weight: bold;
	text-align: center;
	
}

.box01{
	margin-left: 70px;
	margin-bottom:10px;
}

.okaidoku{
	position: relative;
}

.font_10 {
    font-size: 15px;
}





.lb02 {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .3s opacity ease;
    z-index: -1;
}


.lb02 img {
    width: auto !important;
    max-height: 60%!important;
    transform: scale(.7);
    transition: .4s transform ease;
    pointer-events: none;
}

.lb02:target {
    opacity: 1;
    z-index: 103;
}

.lb02:target img {
    transform: scale(1);
}


/* なんちゃって閉じるボタン（いらない場合は消す） */
.lb02::before,.lb02::after {
    display: block;
    position: fixed;
    content: "";
    width: 24px;
    height:3px;
    top: 24px;
    right: 12px;
    background: #fff;
    border-radius: 4px;
}
.lb02::before {
    transform: rotate(-315deg);
}
.lb02::after {
    transform: rotate(315deg);
}




.lb {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .3s opacity ease;
    z-index: -1;
}



.lb img {
    width: auto !important;
    max-height: 90%!important;
    transform: scale(.7);
    transition: .4s transform ease;
    pointer-events: none;
}

.lb:target {
    opacity: 1;
    z-index: 103;
}

.lb:target img {
    transform: scale(1);
}


/* なんちゃって閉じるボタン（いらない場合は消す） */
.lb::before,.lb::after {
    display: block;
    position: fixed;
    content: "";
    width: 24px;
    height:3px;
    top: 24px;
    right: 12px;
    background: #fff;
    border-radius: 4px;
}
.lb::before {
    transform: rotate(-315deg);
}
.lb::after {
    transform: rotate(315deg);
}