.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-cd09c092-1aaa-b74d-233a-acf2f0e75022 {

h2 {
    margin: 0 0 1em !important;
}

.area {
  width: 100%;
  margin:auto;
  flex-wrap: wrap;
  display: flex;
}

.area label {
  margin-bottom: 0; 
}

 
.tab_class {
  width: calc(100%/3);
  text-align: center;
  display: block;
  font-size: 16px;
  line-height: 1.7em;
  order: -1;
  color: #07818f;
  border-radius: 10px 10px 0 0;
}

.tab01 {
    color: #07818f;
  padding: 10px;
}

.tab02 {
    color: #07818f;
  padding: 10px;
}

.tab03 {
    color: #07818f;
  padding: 10px;
}

.tab04 {
    color: #07818f;
  padding: 10px;
}

.tab05 {
    color: #07818f;
  padding: 10px;
}


 
input:checked + .tab01-active {
    background-color: #e8f4ed;
    color: #000;
    border-bottom: solid 2px #1a753f;
}

input:checked + .tab02-active {
    background-color: #e8f4ed;
    color: #000;
    border-bottom: solid 2px #1a753f;
}

input:checked + .tab03-active {
    background-color: #e8f4ed;
    color: #000;
    border-bottom: solid 2px #1a753f;
}

input:checked + .tab04-active {
    background-color: #e8f4ed;
    color: #000;
    border-bottom: solid 2px #1a753f;
}

input:checked + .tab05-active {
    background-color: #e8f4ed;
    color: #000;
    border-bottom: solid 2px #1a753f;
}

.content_class {
  display: none;
  width: 100%;
  padding: 15px;
  border: solid 1px #d8d8db;
  border-radius: 0 10px 10px 10px;
  
}
 
input:checked + .tab_class + .content_class {
  display: block;
}

@media screen and (max-width: 480px) {

.tab_class {
  font-size: 12px;
  line-height: 1.5em;
  padding: 10px 0;
}
.content_class {
  padding: 20px 0 0;
}

}

.mapcontents {
    background-image: url(/documents/d/shijou/facility_img_01jpg), url(/documents/d/shijou/facility_img_02jpg), url(/documents/d/shijou/facility_img_03jpg), url(/documents/d/shijou/facility_img_04jpg), url(/documents/d/shijou/facility_img_05jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain, 0 0, 0 0, 0 0, 0 0, 0 0;
    height:448px;
    transition: 0.5s ;
    z-index: -1000;
    width: 100%;
    margin-bottom:30px;
    order: -2;
}

.boxclear{
    display: block;
}

/* ボタンクリック時のスタイル */
input[type="radio"].dnone {
    display: none;
    z-index: 1000;
}


input[type="radio"].click1:checked ~ .mapcontents {
    background-image: url(/documents/d/shijou/facility_img_01jpg);
    background-size: contain;
    transition: 0.5s ;
}
input[type="radio"].click2:checked ~ .mapcontents {
    background-image: url(/documents/d/shijou/facility_img_02jpg);
    background-size: contain;
    transition: 0.5s ;
}
input[type="radio"].click3:checked ~ .mapcontents {
    background-image: url(/documents/d/shijou/facility_img_03jpg);
    background-size: contain;
    transition: 0.5s ;
}
input[type="radio"].click4:checked ~ .mapcontents {
    background-image: url(/documents/d/shijou/facility_img_04jpg);
    background-size: contain;
    transition: 0.5s ;
}
input[type="radio"].click5:checked ~ .mapcontents {
    background-image: url(/documents/d/shijou/facility_img_05jpg);
    background-size: contain;
    transition: 0.5s ;
}
}