/*--------------------------------------------------------------------
	glossary
--------------------------------------------------------------------*/

div[class^="glossaryBottom"] { margin: 15px 0 0 0px; }
div[class^="glossaryBottom"] > p:first-child span { width: 100px; box-sizing: border-box; padding: 5px; text-align: center; display: block; }
.glossaryBottom01 > p:first-child span { background-color: #005B40; border: 1px solid #005B40; color: #FFF; }
.glossaryBottom02 > p:first-child span { background-color: #FFECD9; border: 1px solid #FFA74F; }
.glossaryBottom03 > p:first-child span { background-color: #FFE6E6; border: 1px solid #B20000; }
div[class^="glossaryBottom"] > p:last-child { padding: 0 0 0 15px; }
div[class^="glossaryBottom"] > p:last-child span { position: relative; padding: 0 10px 0 0; }
div[class^="glossaryBottom"] > p:last-child span:after { display: block; content: ","; position: absolute; bottom: 0; right: 3px; }
div[class^="glossaryBottom"] > p:last-child span:last-child:after { display: block; content: ""; position: absolute; bottom: 0; right: 3px; }
.glossaryList { list-style: none; padding: 0 10px; margin-top: 20px; }
.glossaryList li { padding: 10px 0; }
.glossaryList li a { min-height: 32px; display: inline-block; padding: 5px 0 0 45px; line-height: 1.6em; background: url("../../../common/images/common/icon_arrow01.png") left top no-repeat; }
.glossaryIndexList { list-style: none; padding: 0; }
.glossaryIndexList li { padding: 0 0 10px; }
.glossaryIndexList li a { border: 1px solid #D9D9D9; background-color: #0C6349; -webkit-box-shadow: inset 0px 0px 0px 5px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 0px 5px rgba(255,255,255,1); box-shadow: inset 0px 0px 0px 5px rgba(255,255,255,1); padding: 18px 10px; line-height: 1.0em; box-sizing: border-box; text-align: center; display: block; color: #FFF; text-decoration: none; position: relative; }
.glossaryIndexList li a:after { display: block; content: ">"; position: absolute; top: 50%; right: 30px; width: 0; height: 0; margin-top: -8px; color: #FFF; }
.glossaryMemo { border: 1px solid #D7D7D7; padding: 15px; margin-top: 40px; line-height: 1.9em; }
.glossaryHeadingHidden { overflow: hidden; width: 100%; height: 0; white-space: nowrap; text-indent: 100%}

@media screen and (min-width: 768px)  {

.glossaryList { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.glossaryList li { width: 50%; box-sizing: border-box; padding: 10px 20px 10px 0; }
.glossaryIndexList { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.glossaryIndexList li { width: 50%; box-sizing: border-box; padding: 0 10px 15px; }

}

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

div[class^="glossaryBottom"] { margin: 15px 0 0 0; font-size: 1.0em; }
div[class^="glossaryBottom"] > p:first-child span { width: auto; box-sizing: border-box; padding: 5px; text-align: center; display: block; }
div[class^="glossaryBottom"] > p:last-child { padding: 10px 0 0 0; }
.glossaryList { padding: 0; margin-top: 10px; font-size: 1.0em; }
.glossaryList li a { min-height: 26px; display: inline-block; padding: 5px 0 0 35px; line-height: 1.4em; background-size:  26px 26px; }
.glossaryMemo { padding: 10px; margin-top: 20px; line-height: 1.6em; }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

}

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

}