/*
Theme Name: JGRA
Template: twentyseventeen
*/
.leftmenu li.red {
    border-color: #ff0040;
}
.leftmenu li.red p {
    background-image: url(https://www.jgra.or.jp/wp1902/wp-content/uploads/2020/10/tri2.png);
}
.leftmenu li.red p a {
    background-image: url(https://www.jgra.or.jp/wp1902/wp-content/uploads/2020/10/ball2.png);
}

.page-slug-grp p {
	line-height: 1.5;
    margin: 1rem 0;
}
.page-slug-grp h2 {
    background: url(img/common/h2.png) repeat-x left bottom;
    margin: 3rem 0 1.5rem;
    color: #063;
    font-size: 1.5em;
    letter-spacing: 1px;
    padding-bottom: 12px;
}
.page-slug-grp .gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2rem -10px !important;
    box-sizing: border-box;
}
.page-slug-grp img {
    max-width: 100%;
    height: auto;
}
.page-slug-grp .gallery::after,.page-slug-grp .gallery::before {
    box-sizing: border-box;
}
.page-slug-grp .gallery .gallery-item {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    text-align: center;
}
.page-slug-grp .gallery .gallery-item .gallery-icon {
	background-color: #fff;
	padding:5px;
	text-align: center;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	max-width: 335px;
	margin-left: auto;
	margin-right: auto;
}
.page-slug-grp .gallery .gallery-item .gallery-caption {
	text-align: center;
	font-size:.875rem;
	margin:1rem;
}
dl.dl-design1 {
	border:5px solid #8fc322;
	background-color:#fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}
dl.dl-design1 dt,
dl.dl-design1 dd {
	width:100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}
dl.dl-design1 dt {
    color: #063;
}
ul.ul-list-design1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    box-sizing: border-box;
    gap:5px;
}
ul.ul-list-design1 li {
	width:100%;
    box-sizing: border-box;
    text-align: center;
    padding:15px;
    border:3px solid orange;
    border-radius: 10px;
}
ol.ol-list-design1 {
list-style: none;color:#231815;
}
ol.ol-list-design1 li:before {
margin-right: 6px;
}
ol.ol-list-design1 > li {
counter-increment: c-h2;
counter-reset: c-h3;
background-color: #8ec323;
padding:.25rem 0 0;
}
ol.ol-list-design1 > li+li {
margin-top:.25rem;
}
ol.ol-list-design1 > li:before {
content: counter(c-h2);
color:#fff;
background-color:#231815;
width:1.5rem;
height:1.5rem;
line-height: 1.5rem;
margin:0 .5rem 0 1rem;
text-align: center;
display: inline-block;
}
ol.ol-list-design1 > li>ol {
padding:1rem;
margin:.25rem 0 0 2px;
background-color:#fff;
}
ol.ol-list-design1 > li > ol > li {
counter-increment: c-h3;
counter-reset: c-h4;
list-style: none;
}
ol.ol-list-design1 > li > ol > li:before {
content: counter(c-h3) "）";
width:1.5rem;
height:1.5rem;
line-height: 1.5rem;
margin:0 .5rem 0 1rem;
text-align: center;
display: inline-block;
}
ol.ol-list-design2 {
list-style: none;color:#231815;
}
ol.ol-list-design2 li:before {
margin-right: 6px;
}
ol.ol-list-design2 > li {
counter-increment: c-h2;
counter-reset: c-h3;
background-color: #8ec323;
padding:.25rem 0 2px;
}
ol.ol-list-design2 > li+li {
margin-top:.25rem;
}
ol.ol-list-design2 > li:before {
content: counter(c-h2);
color:#fff;
background-color:#231815;
width:1.5rem;
height:1.5rem;
line-height: 1.5rem;
margin:0 .5rem 0 1rem;
text-align: center;
display: inline-block;
}
ol.ol-list-design2 > li>ol {
padding:1rem;
margin:.25rem 2px 0;
background-color:#fff;
}
ol.ol-list-design2 > li > ol > li {
counter-increment: c-h3;
counter-reset: c-h4;
list-style: none;
color:#00793f;
}
ol.ol-list-design2 > li > ol > li+ li {
	margin-top:.5rem;
}
ol.ol-list-design2 > li > ol > li:before {
content: counter(c-h3) "）";
width:1.5rem;
height:1.5rem;
line-height: 1.5rem;
margin:0 .5rem 0 1rem;
text-align: center;
display: inline-block;
}
ol.ol-list-design2 > li > ol > li > ol > li {
counter-increment: c-h4;
counter-reset: c-h5;
list-style: none;
}
ol.ol-list-design2 > li > ol > li > ol > li:before {
content: "（" counter(c-h4) "）";
}
ol.ol-list-design2 > li > ol > li > ol > li > ol > li {
counter-increment: c-h5;
counter-reset: c-h6;
list-style: none;
}
ol.ol-list-design2 > li > ol > li > ol > li > ol > li:before {
content: counter(c-h5);
width:1rem;
height:1rem;
line-height: 1rem;
margin:0 .5rem 0 1rem;
text-align: center;
display: inline-block;
border:1px solid #231815;
border-radius: 50%;
font-size:.75rem;
}
@media (min-width: 768px) {
dl.dl-design1 {
	font-size: 1.25rem;
	margin:48px 20%;
	padding:30px 30px 20px;
	border-width:5px;
	border-radius:15px;
}
dl.dl-design1 dt {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    text-align: right;
    padding-right: 1rem;
}
dl.dl-design1 dd {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
.page-slug-grp .gallery.gallery-columns-2>* {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.page-slug-grp .gallery.gallery-columns-3>* {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    }
.page-slug-grp .gallery.gallery-columns-4>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
ul.ul-list-design1 li {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
    font-size: 1.125rem;
}
ol.ol-list-design1 ,
ol.ol-list-design2 {
margin:0 1rem 3rem;
}

}.cat19 {
    background: #22a7f0;
    border-radius: 5px;
}
@media (max-width: 767px) {
dl.dl-design1 {
	margin:25px 0;
	padding:20px 20px 10px;
	border-width:3px;
	border-radius:5px;
}
ol.ol-list-design1 ,
ol.ol-list-design2 {
margin:0 0 2rem;
}

}

table.table-design-activity {
margin-bottom: 35px;
}
table.table-design-activity th,table.table-design-activity td {
width:auto;
}