.main-title-container {
  line-height: 2;
  background-image: linear-gradient(#eeeeee, #eeeeee);
  background-size: 100% 0.125em;
  background-repeat: no-repeat;
  background-position: bottom;
}

.main-title-container span {
  display: inline-block;
  padding: 0.25em 1.5em;
  border-bottom: 0.125em solid;
  border-color: #2d8fff;
  border-color: var(--theme-color);
  font-weight: bold;
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAICAgICAQICAgIDAgIDAwYEAwMDAwcFBQQGCAcJCAgHCAgJCg0LCQoMCggICw8LDA0ODg8OCQsQERAOEQ0ODg7/2wBDAQIDAwMDAwcEBAcOCQgJDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg7/wgARCAAQABADAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABwMF/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAQIAf/aAAwDAQACEAMQAAAATq1labyRybuh/8QAIBAAAgMBAAIDAQEAAAAAAAAAAQMCBAUGABEHJEETFP/aAAgBAQABPwD4sxMDutN9/tG7epd0uxyMb/RT1YJZ/TRNsssNk1LS0goB9e4kmZJPnUcvv8Fp4W9GhtcxXvNk7KjqIZU0Kb0mEprPuMDIrM1GL1gQmDEgQmJqXzOrzuZ8edlwvdv3+Z0Wb1G19LDXaahlNd1LUuU6wgrl7tD9JBhIEDzT1+c0OA4/iOFs7vSX1bl2z93EXVY5ltdNKkpUqw8zPusf0EmYAHn/xAAhEQACAgEEAgMAAAAAAAAAAAABAgQRAwAFEiEioTEyYf/aAAgBAgEBPwDdZcrb0CRAiqmPI9FSRWPhSgKycR5ftUNQZ8Xc0yRyyZCopuJDIwa6PyaDUbRjamx5LTtISVkk4ZcMI6hGHbFQQ5RgQVV7+nsajpKxys0yYEQFFHTFgAhdiSWVKHn6Pev/xAAgEQACAgEEAwEAAAAAAAAAAAABAgQRAwASITIFMaFh/9oACAEDAQE/APFxY89y0vexbJjSwwBt99sbVr6/l3qZCkeOZMwVsYY2u4FXUrVj0L22KcCm4PDWq4Gj44+aJLLoS6nhQxBQOCCCy12+azvHyR8MSIXch2PKhSS4QAAKz31+6//Z);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1em;
}

.gkml-container {
  margin-top: 1em;
}

.gkml-container .title {
  min-width: 7.5em;
  padding: 0 1em;
  display: inline-block;
  line-height: 2;
  color: white;
  background-color: #2d8fff;
  background-color: var(--theme-color);
}

.gkml-container .gkml-list {
  margin-top: 0.5em;
}

.gkml-container .gkml-list li {
  display: flex;
  justify-content: space-between;
  line-height: 2;
}

.gkml-container .gkml-list li a {
  color: #333333;
}

.gkml-container .gkml-list li > span {
  padding-left: 1.8em;
  margin-right: 1em;
  background-image: url(data:image/gif;base64,R0lGODlhCwALAOYAACxys/3+/iptsv///v3+/f79/Stus7vKzf37/iptsbrKzf79/ipusCpssLfMzLrNzvz8/f78/rnJzC1ztrbLzbnLzbrR0C1ys/78/Pz+/P7+/rnN0CxvsCxwsTB4ti90tCtvsLfL0CtxtbfHzy1xsS5ysixws7jNz7jNzbfHy7vNzStvsrvP0brMzLnNz7jKzLrJzLnHzytvtCpqrrrKzyprri5ys7rP0CtusSxxtLnOzrTEyLbKz7zMz7vOzSxztLnKzf39/brMzrbHyixxsitws7rOzvz8/v/+/iptsP7//v39/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAALAAsAAAd6gAswIS88D0I7GygILUxBSkxMGAsESjoHTCAdRTYcACZMCkNHKwxMBQFLDUs+N0oCOR8JRQUASA4jSyRENUpJS0lHFjFIDAIESR4IP0tAmBcZRQ0GMiIRKjRHEzMJBkklOEpGLksaA0gBSEsQShVMEj0sRkYnFCkKA4EAOw==);
  background-repeat: no-repeat;
  background-position: left 0.65625em;
  background-size: 0.6875em;
}

.gkml-container .gkml-list li > a {
  padding-left: 2em;
  white-space: nowrap;
  background-image: url(data:image/gif;base64,R0lGODlhDwANAPcAAAAAAP/////9/v78/by6u7u5uri2t//9///+//79//X0/PT09ra91+js9/Dz/I+dwOnt9l98tLy9v7q7vfn6/Pb3+VFxqlR0rVRzqWSDuU5xqVBzq1R1q1Z3rVp7sWiLw2yNwnKQwoyfv7O+0PX4/fT3/PP2+1Z5r1d6sFl8slt+tGGGu1+CuGOIvXGZ1GeLv2+SyH6j2oGk2pO4712CtmuSyXSd1W+Xy3Sd03ul33ih2Xeg2Hyl3X2m3JG36JK26JS46Ja45pe552uUyG6Yynqn3nei2XWg1W+XynSe0Hum232o3Xmi1nyn2n2o232m2n2n2X6m2YSu4JK13/D1++rv9enu9Hmo3nin3Xin23up3Xmn2Xup23qo2nqm14646JC555G66JO65ZS54+Tr83io2I+76IChxHap2I265Onw9vH2+vT4+9vo8e/09+jz9/T8/u72+Pr+//n9/vj8/fb6+/X5+v7///r//vv//vb6+fX5+P3//vz+/fr8+7q8u7q8ubm7uPr8+f7//bq7tv7/+v//+////f7+/P39+7q6uP/+/P/9/P7+/v39/fv7+/Pz87y8vP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAJIALAAAAAAPAA0AAAjaAEdMWSIjhpEjOHC4QHIDxhkGUr4AARPGTBAhPtKMmfFDTIgyULZcaZKDCw8nTZRkeYLmgxdDi/IMaqTlDiJHAQTcQdBCxwEDhO4IKBLAjZUGZNoIyMAkgaIAhw71QBRnjZoqEA7R2BEgUqAJAbAEIGFCgYM3jCIkaQTpz6FCUQ7p2WOHDRUEHmywBVTgUJc7FOhUgFMCL5EBkCTcafTkjp85fSjUEXChxqEFgQgcaHInkZxHeAQ12jBEwKE7AQL04HMaAZ/UGkSAeNFiBQsVKVCc6MABg4UHAQEAOw==);
  background-repeat: no-repeat;
  background-position: left 0.59375em;
  background-size: 0.9375em 0.8125em;
}

.column-list-container > ul {
  padding: 20px;
  padding-top: 0.3125em;
  flex: 1;
  border: 0.0625em solid #eeeeee;
}

.old_type .column-list-container > ul {
  padding: 30px;
  padding-top: 0.3125em;
  margin-top: 50px;
  border-width: 0.06667em;
}

.mobile_type .column-list-container > ul {
  padding: 3.2vw;
  padding-top: 0;
  margin-top: 3.2vw;
}