a:link, a:visited {
  color            : #3366cc;
}

a:hover {
  color            : #cc3379;
}

a:active {
  color            : #ff3366;
}

body {
  margin            : 0px 0px 0px 0px;
  font-size         : 12pt;
  font-family       : "Meiryo UI",Arial,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
  color             : #363636;
}

th {
  font-size         : 12pt;
  font-family       : "Meiryo UI",Arial,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
  color             : #ffffff;
  padding           : 0.2em 0.7em 0.2em 0.7em;
}

td {
  font-size         : 12pt;
  font-family       : "Meiryo UI",Arial,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
  color             : #363636;
}

li.top {
  font-size         : 1.02em;
  padding-bottom    : 0.3em;
  line-height       : 1.2em;
}

ol {
  padding-bottom    : 0.3em;
}

b {
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}

form {
  margin-bottom     : 0px;
}

dt {
  font-weight       : bold;
}

h1 {
  font-size         : 11pt;
  font-weight       : normal;
  font-family       : "Meiryo UI",Verdana,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
  color             : #00b295;
  margin            : 0 0.4em 0.4em 17px;
  padding           : 0.5em;
  border-top        : 1px #00b295 solid;
  border-bottom     : 1px #00b295 solid;
}

.mainbak {
  background-color  : #00b959;
}

.accent2 {
  color             : #ff3366;
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}

.maindscrpt {
  line-height       : 1.6em;
  padding-left      : 1em;
  padding-right     : 0.5em;
}

.subitembar2 {
  font-weight       : bold;
  padding           : 0px 2px 0px 3px;
  border-color      : #88d977;
  border-left       : 10px solid #88d977;
  background-color  : #f0f0f0;
}

.comment {
  font-size         : 12pt;
  color             : #3366ff;
  line-height       : 1.1;
}

.pgtitle {
  background-color  : #00b959;
  font-size         : 13pt;
  font-family       : "Meiryo UI",Verdana,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
  color             : #ffffff;
  padding-top       : 8px;
  padding-bottom    : 8px;
}

.smallfont {
  font-size         : 11pt;
}

.smallfontgray {
  color             : #999999;
  font-size         : 11px;
  font-family       : "Meiryo UI",Verdana;
  font-weight       : bold;
  text-align        : right;
}

#gradbuttons {
  text-align        : center;
  margin-bottom     : 30px;
}

#pgfooter, #pgfooterweb {
  width             : 100%;
}
#pgfooter td,
#pgfooterweb td {
  background-color  : #00b959;
  font-size         : 9pt;
  color             : #ffffff;
  padding           : 4px;
}
#pgfooter img,
#pgfooterweb img {
  vertical-align    : middle;
  margin-right      : 8px;
}

.tblstyle2 table {
  border-collapse   : collapse;
  border            : 2px solid #ffcc00;
  margin            : 0.2em;
}
.tblstyle2 th {
  border            : none;
  background-color  : #ffcc00;
}
.tblstyle2 td {
  border            : none;
  border-width      : 1px;
  border-color      : #ffcc00;
  border-style      : solid;
  padding           : 0.2em 0.4em 0.5em 0.4em;
}
.tdleft2 {
  font-weight       : bold;
  background-color  : #ffe59f;
}

#descript h1 {
  font-size         : 1em;
  font-weight       : normal;
  font-family       : "Meiryo UI",Arial,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
  color             : #363636;
  text-indent       : 1em;
  margin            : 0 0 0.4em 0;
  padding           : 0;
  border            : none;
}

.ftrlist li {
  margin-bottom     : 0.5em;
}

.ftrlist dt {
  margin-bottom     : 0.1em;
  margin-left       : 1em;
  margin-top        : 0.8em;
  color             : #449444;
}

.ftrlist dd {
  margin-bottom     : 0.6em;
}

.runtimemsg {
  border            : 1pt solid #e3db45;
  padding           : 10px;
  background-color  : #fffded;
}

.midtext {
  vertical-align    : middle;
}

.gradbtn {
  font-size             : 13pt;
  font-weight           : bold;
  color                 : #fff !important;
  font-family           : "Meiryo UI",Arial,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
  text-shadow           : -1px -1px 0 rgba(0,0,0,0.3);
  text-decoration       : none;
  text-align            : center;
  border-radius         : 3px;
  padding               : 12px 0 12px 0;
  margin                : 14px 25px 0 20px;
  width                 : 215px;
  display               : inline-block;
}

.gradbtn1 {
  border                : 1px solid #91b41a;
  background-color      : #b6e026;
  background-image      : linear-gradient(to bottom, #b6e026, #5b7515);
  filter                : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b6e026, endColorstr=#5b7515);
}

.gradbtn1:hover {
  border                : 1px solid #718c14;
  background-color      : #95b91a;
  background-image      : linear-gradient(to bottom, #95b91a, #394a0d);
  filter:progid         : DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#95b91a, endColorstr=#394a0d);
}

.gradbtn2 {
  border                : 1px solid #7eb9d0;
  background-color      : #a7cfdf;
  background-image      : linear-gradient(to bottom, #a7cfdf, #415370);
  filter:progid         : DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A7CFDF, endColorstr=#415370);
}

.gradbtn2:hover {
  border                : 1px solid #5ca6c4;
  background-color      : #82bbd1;
  background-image      : linear-gradient(to bottom, #82bbd1, #2e3b50);
  filter:progid         : DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#2e3b50);
}

.gradbtn3 {
  font-family           : Georgia,"Meiryo UI","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
  border                : 1px solid #7eb9d0;
  background-color      : #a7cfdf;
  background-image      : linear-gradient(to bottom, #a7cfdf, #415370);
  filter:progid         : DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A7CFDF, endColorstr=#415370);
}

.gradbtn3:hover {
  border                : 1px solid #5ca6c4;
  background-color      : #82bbd1;
  background-image      : linear-gradient(to bottom, #82bbd1, #2e3b50);
  filter:progid         : DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#2e3b50);
}

#footernavi {
  text-align        : center;
  color             : #fff;
  position          : fixed !important;
  position          : absolute;
  bottom            : 0;
  left              : 0;
  width             : 100%;
  background-color  : #367436;
  padding-top       : 15px;
  padding-bottom    : 16px;
  font-size         : 11pt;
  filter            : alpha(opacity=70);
  -moz-opacity      : 0.7;
  opacity           : 0.7;
}
#footernavi:hover {
  filter            : alpha(opacity=90);
  -moz-opacity      : 0.9;
  opacity           : 0.9;
}

#footernavi a:link {
  text-decoration     : underline;
  position            : relative;
  display             : inline-block;
  color               : #fff;
  padding             : 0 4px 0 4px;
  transition          : transform 0.6s;
}
#footernavi a:visited {
  color               : #fff;
}
#footernavi a:hover {
  text-decoration     : none;
  color               : #fffa55;
  transform           : rotateYX(360deg);
}

#page-top {
  position              : fixed;
  bottom                : 60px;
  right                 : 10px;
  font-size             : 80%;
}
#page-top a {
  background            : #555555;
  text-decoration       : none;
  color                 : #ffffff;
  width                 : 80px;
  padding               : 12px 5px;
  text-align            : center;
  display               : block;
  border-radius         : 8px;
}
#page-top a:hover {
  text-decoration       : none;
  background            : #222222;
}

#to-home {
  position              : fixed;
  bottom                : 60px;
  right                 : 105px;
  font-size             : 80%;
}
#to-home a {
  background            : #555555;
  text-decoration       : none;
  color                 : #ffffff;
  width                 : 80px;
  padding               : 12px 5px;
  text-align            : center;
  display               : block;
  border-radius         : 8px;
}
#to-home a:hover {
  text-decoration       : none;
  background            : #222222;
}

#containerv5 {
  max-width         : 780px;
  width             : 100%;
  margin-left       : auto;
  margin-right      : auto;
  padding-left      : 0.5em;
  padding-bottom    : 80px;
  text-align        : left;
  border-left       : 1px solid #caedb7;
  border-right      : 1px solid #caedb7;
  background-repeat   : no-repeat;
  background-position : right 2px;
}

.bg-mask {
  height            : 100%;
  background        : rgba(255,255,255,0.7);
}

.dlsoftnamev5 {
  margin            : 70px 0 230px 40px;
  font-size         : 21pt;
  font-weight       : bold;
  font-family       : "Ÿà–¾’©", "Meiryo UI",Verdana,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}

.animated {
  animation-fill-mode         : both;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

.fadeIn {
  animation-name: fadeIn;
  animation-duration          : 3s;
}

.nobold {
  font-weight       : normal;
  font-size         : 0.85em;
}

.frmrptlist {
  list-style-type   : circle;
  padding-left      : 27px;
}

.frmrptlist li {
  margin-bottom     : 0.3em;
}

.scrnshotlist {
  list-style    : none;
  margin-bottom : 2px;
}

.scrnshotlist li:not(:first-child) {
  display   : inline;
  font-size : 0.9em;
}

.left {
  text-align        : left;
}

.right {
  text-align        : right;
}

.center {
  text-align        : center;
}

.nowrap {
  white-space       : nowrap;
}

.float {
  float             : left;
  margin            : 0px;
}

#desktop-head table {
  width             : 100%;
  border-collapse   : collapse;
}

#desktop-head td {
  padding           : 0;
  border            : none;
}

#mobile-head {
  display           : none;
}

#imagetable {
  margin-left       : 80px;
  text-align        : center;
}

.mobileonly {
  display           : none;
}

@media screen and (max-width: 768px) {
  #desktop-head {
    display         : none;
  }

  #mobile-head {
    display         : block;
  }
  #mobile-head table {
    border-collapse : collapse;
    width           : 100%;
  }

  img {
    max-width       : 100%;
    height          : auto;
  }

  .dlsoftnamev5 {
    margin          : 45px 0 65px 0;
    font-size       : 18pt;
  }

  .dlsoftnamev5.stk {
    font-size       : 14pt;
  }

  #containerv5 {
    background-size : 50%;
  }

  .maindscrpt {
    line-height     : 1.4em;
    padding-left    : 0;
  }

  #descript h1 {
    font-size       : 0.95em;
    text-indent     : 0.95em;
  }

  td {
    font-size       : 0.95em;
  }

  .ftrlist dd {
    margin-left     : 2em;
    margin-right    : 0.5em;
  }

  .tblstyle2 table {
    display         : grid;
    grid-template-columns:
  }
  .tblstyle2 tbody,
  .tblstyle2 tr {
    display         : contents;
  }
  .tblstyle2 tr:nth-child(1) th:nth-child(1) { order: 1; }
  .tblstyle2 tr:nth-child(1) th:nth-child(2) { order: 3; }
  .tblstyle2 tr:nth-child(1) th:nth-child(3) { order: 5; }
  .tblstyle2 tr:nth-child(2) td:nth-child(1) { order: 2; }
  .tblstyle2 tr:nth-child(2) td:nth-child(2) { order: 4; }
  .tblstyle2 tr:nth-child(2) td:nth-child(3) { order: 6; }
  .tblstyle2 td {
    border          : none;
  }
  .tblstyle2 td ul {
    margin-top      : 10px;
  }

  .tblstyle3 table {
    width           : 100%;
  }
  .tblstyle3 tbody {
    display         : contents;
  }
  .tblstyle3 tr {
    display         : grid;
    grid-template-columns: 1fr;
  }
  .tblstyle3 td {
    border          : none;
  }
  .tblstyle3 td ul {
    margin-top      : 5px;
  }
    .tblstyle3 td img {
    border          : 1px solid #ccc;
  }

  .frmrptlist {
    line-height     : 1.3em;
  }

  span.clickzoom {
    content         : "\A";
    white-space     : pre;
  }

  #imagetable {
    margin-left     : -25px;
    margin-right    : 25px;
  }

  .runtimemsg {
    font-size       : 0.9em;
    line-height     : 1.4em;
  }

  #_toorderbtn {
    display         : none;
  }

  #pgfooter {
    margin-bottom   : 40px;
  }
  #pgfooter td,
  #pgfooterweb td {
    font-size       : 8pt;
  }
  #pgfooter img,
  #pgfooterweb img {
    width           : 90px;
  }

  #to-home {
    bottom          : 90px;
  }

  #scrnshots {
    height          : 210px !important;
    margin-right    : 10px !important;
  }

  #gradbuttons {
    display         : none;
  }

  .mobileonly {
    display         : block;
  }

  .kinou {
    margin-right    : 10px;
  }

  .lb-nav a.lb-prev,
  .lb-nav a.lb-next {
    background-size : 30px 40px !important;
    opacity         : 0.3 !important;
  }

}