a {
  text-decoration: underline;
}
a:link { color: #3366cc; }
a:visited { color: #2e5d90; }
a:active { color: #cc66cc; }
a:hover { color: #204165; }
a.idx:link,
a.idx:visited,
a.idx:active {
  border: 1px solid #f4f6f7;
  padding: 14px;
}
a.idx:hover {
text-decoration : underline;
color : #204165; 
background-color : #ecf5fa;
padding : 14px; 
}
a.icon:link, a.icon:hover, a.icon:active, a.icon:visited{
text-decoration : none;
}
a.btn-default:link, a.btn-default:active, a.btn-default:visited{
color :#242923;
text-decoration : none; 
}
a.btn-default:hover{
color :#242923;
background-color:#e3e3e3;
text-decoration : none;
}
a.back {
display:block;
font-weight: bold;
text-align:center;
text-decoration : none;
text-shadow:1px 1px 2px #333;
font-size:0.9rem;
background:#3872A3;
color : #fff;
border:#ccc 1px solid;
border-radius: 20px;
padding:8px;
margin:20px 20px 15px auto;
width:120px;
}
a.back:hover, a.back:active {
text-align:center;
color : #fff;
background-color : #2F6088;
}
a.back:before{
content: "\f2ea";
font-family: 'Font Awesome 6 Free';
font-size : 1rem;
margin-right:12px;
}
a.sidelink:link {
text-decoration : none;
}
a.transparency:hover, a.transparency2:hover{
opacity:0.8;
}
a.external-link:after {
content: "\f08e";
font-family: 'Font Awesome 6 Free';
font-size:0.9rem;
padding:0 0 0 2px;
}
html, body{
background-color:#fff;
}
#wrapper{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
font-size: 62.5%;
line-height:1.9rem;
background-color:#fff;
width:1160px;
margin: 0 auto;
padding: 0 55px;
} 
h1{
font-size : 0.95rem;
color : #363F48;
border: 0 solid #d3d3d3; 
margin-bottom: 0;
padding-left:6px;
}
h2{
font-size : 1.1rem;
color :#404040;
padding-left:6px;
padding-right:6px;
}
h3{
clear:both;
font-size : 1.05rem;
text-align: right;
margin-top:21px;
padding:10px 16px 10px 0;
background: #257EC2;
color:#fff;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border-radius: 3px;
width:97%;
}
h3.bord, h4.bord{
font-size:0.9rem;
margin: 0;
}
h4{
font-size : 100%;
margin-bottom: 1px;
}
p{
margin:40px 0
}
hr{
text-align:center;
height : 1px;
border: none;
border-top: 1px #999 solid;
margin-top: 45px;
margin-bottom: 45px;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
vertical-align:text-bottom;
}
.img-border {
border: 1px solid #CDCECE;
box-shadow: 0 2px 20px rgba(48,56,47,0.6);
margin: 10px;
}
.emoji {
font-size:1.5rem;
padding-left: 6px;
}
.caption {
color : #898989;
margin-top: 4px;
}
.caption:before {
content: "\f309";
font-family: 'Font Awesome 6 Free';
font-size : 1.0rem;
margin-right:9px;
vertical-align: -2px;
}
video{
max-width: 100%;
height: auto;
width /***/:auto;　
vertical-align:text-bottom;
}
ul li::marker {
color: #333;
}
ol li::marker {
color: #333;
}
small{
font-size:0.8rem;
}
hr.separate {
border-top: 1px solid #E6E6E6;
height: 1em;
text-align: center;
overflow: visible;
width:88%;
}
hr.separate:after {
font-size: 18px;
content: "§";
background: #f5f5f5;
color: #ACAEAF;
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
top: -14px;
padding: 0 10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.dash{
line-height: 0;
border-bottom: #999 1px dashed;
}
.dashb{
clear:both;
line-height: 0;
border-bottom: 1px solid #CDCECE;
box-shadow: 0 2px 20px rgba(48,56,47,0.6);
}
.dashc{
border-style:dashed;
border-width:1px 0 0;
border-color:#446477 #fff #fff;
padding:14px 0;
width:88%;
}
.dashe{
line-height: 0px;
border-bottom: #999 1px dashed;
margin-top: 8px;
margin-bottom: 8px;
}
.catedash{
line-height: 0;
border-bottom: 1px solid #CDCECE;
box-shadow: 0 -6px 20px 0.4px rgba(48,56,47,0.4) ;
}
ins.adsbygoogle a {
display: none !important;
}
ins.adsbygoogle[data-ad-status="unfilled"] a {
display: block !important;
text-align: center !important;
height: auto !important;
}
ins.adsbygoogle[data-ad-status="unfilled"]  {
text-decoration: none !important;
}
.topmenu{
border:0;
padding:0.1em;
width:100%;
}
.title{
float:left;
vertical-align:top;
width:30%;
padding:16px 0 0 14px;
}
.title-container {
position: relative;
display: inline-block;
}
.title-default,
.title-hover {
display: block;
}
.title-hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.title-container:hover .title-default {
opacity: 0;
}
.title-container:hover .title-hover {
opacity: 1;
}
.topright{
float:right;
vertical-align:top;
padding:0;
width:58%;
}
.fa-amazon {
--fa: "\f270"; }
.fa-chevron-right {
--fa: "\f054"; }
a.amazon-top {
display:        flex;
align-items:    center;
gap:            24px;
width:          100%;
max-width:      900px;
min-height:     80px;
padding:        16px 22px;
border-radius:  10px;
overflow:       hidden;
position:       relative;
background: #1A1208;
border: 1px solid rgba(255,167,0,0.22);
box-shadow: 0 0 0 1px rgba(255,167,0,0.07), 0 6px 32px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,167,0,0.14);
transition: box-shadow 0.28s ease, transform   0.18s ease;
font-family: 'Noto Sans JP', sans-serif;
margin: 0 auto;
text-align: center;
}
a.amazon-top::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(130deg, transparent 30%, rgba(255,167,0,.07) 50%, transparent 70%);
pointer-events: none;
}
a.amazon-top::after {
content: '';
position: absolute;
top: 0; left: -100%;
width: 60%;
height: 100%;
background: linear-gradient(100deg, transparent, rgba(255,200,80,.13) 50%, transparent);
transition: left .55s ease;
pointer-events: none;
}
a.amazon-top:hover::after {
left: 160%;
}
a.amazon-top:hover {
border-color: rgba(255,167,0,.7);
box-shadow: 0 6px 32px rgba(255,167,0,.30), 0 1px 0 rgba(255,255,255,.06) inset;
transform: translateY(-2px);
}
a.amazon-top .fa-amazon {
font-size:   36px;
color:       #FFA700;
flex-shrink: 0;
opacity:     .92;
filter:      drop-shadow(0 0 6px rgba(255,167,0,.5));
transition:  filter .3s;
}
a.amazon-top:hover .fa-amazon {
filter: drop-shadow(0 0 10px rgba(255,167,0,.9));
}
a.amazon-top .text-wrap {
display:     flex;
flex-direction: column;
gap:         3px;
flex: 1;
min-width: 0;
}
a.amazon-top .main-text {
display:       block;
font-size:     clamp(26px, 2.6vw, 38px);
font-weight:   700;
color: #FFFDF5;
letter-spacing: .03em;
line-height:   1.5;
white-space: nowrap;
}
a.amazon-top em {
font-style:    normal;
color:         #FFA700;
font-weight:   900;
font-size:     clamp(28px, 3vw, 40px);
letter-spacing: .04em;
text-shadow:   0 0 12px rgba(255,167,0,.45);
transition:    text-shadow .3s;
}
a.amazon-top:hover em {
text-shadow: 0 0 20px rgba(255,167,0,.8);
}
a.amazon-top .sub-text {
display:        inline-block;
margin-left:    auto;
flex-shrink:    0;
font-size:      clamp(13px, 1.8vw, 18px);
font-weight:    700;
color:          #1a1108;
background:     #FFA700;
padding:        5px 14px;
border-radius:  40px;
letter-spacing: .07em;
white-space:    nowrap;
box-shadow: 0 2px 8px rgba(255,167,0,.45), 0 1px 0 rgba(255,255,255,.25) inset;
transition: background .25s, box-shadow .25s, transform  .2s;
}
a.amazon-top:hover .sub-text {
background:  #ffbe3d;
box-shadow: 0 4px 16px rgba(255,167,0,.65), 0 1px 0 rgba(255,255,255,.3) inset; transform: scale(1.05);
}
.amazon-ranking .text-wrap {
flex-direction: row;
align-items:    center;
flex-wrap:      wrap;
gap:            8px;
}
a.amazon-top .arrow {
flex-shrink:  0;
font-size:    24px;
color:        rgba(255,167,0,.5);
margin-left:  2px;
transition:   color .3s, transform .3s;
}
a.amazon-top:hover .arrow {
color:     rgba(255,167,0,1);
transform: translateX(4px);
}
.amazon-rankig{
display:block;
text-align: center;
border-radius: 16px;
background: rgba(255, 255, 255, 0.68);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
font-family: 'Noto Sans JP', sans-serif;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 32px rgba(120, 100, 140, 0.1), 0 1px 4px rgba(0,0,0,0.05);
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;margin: 0 auto;
padding: 16px 0;
width: 580px;
font-family: 'Noto Sans JP', sans-serif;
}
.amazon-rankig:before{
font-size: 1.6rem;
color: #333;
content: "\f270";
font-family: 'Font Awesome 6 Brands';
padding-right: 12px;
}
.amazon-rankig em {
font-style: normal;
color: #cc6600;
}
.amazon-rankig .text-wrap {
}
.amazon-rankig .main-text {
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0.03em;
color: #1a1a1a;
line-height: 1.3;
}
.amazon-rankig .main-text em {
font-style: normal;
color: #cc6600;
}
.amazon-rankig .sub-text {
font-size: 0.8rem;
font-weight: 400;
color: #888;
letter-spacing: 0.07em;
margin-left: 16px;
}
.amazon-rankig:hover {
transform: translateY(-3px);
background: rgba(255,255,255,0.82);
box-shadow: 0 16px 40px rgba(120, 100, 140, 0.16), 0 2px 8px rgba(0,0,0,0.07);
}
.tl {
min-height: 250px;
}
.bb {
min-height: 90px;
}
.br {
min-height: 300px;
}
.ia {
min-height: 300px;
}
.ab {
min-height: 300px;
}
.amazon-newreleases {
font-family: 'Noto Sans JP', sans-serif;
align-items: center;
width: 730px;
background-color: #FF6201;
box-sizing: border-box;
border-radius:  10px;
padding: 32px 0 20px;
margin: 0 auto;
cursor: pointer;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.amazon-newreleases:hover {
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.amazon-newreleases::before {
font-size: 1.8rem;
color: #fff;
content: "\f270";
font-family: 'Font Awesome 6 Brands';
padding-right: 18px;
z-index: 2;
}
.newreleases-main {
color: #fff;
font-size: 26px;
font-weight: 900;
letter-spacing: 0.02em;
line-height: 1;
}
.newreleases-main em {
font-style: normal;
color: #fff0a0;
text-shadow: 0 0 24px rgba(255,240,60,0.35);
}
.newreleases-sub {
color: #fff;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.08em;
line-height: 1;
padding-left: 20px;
}
  .amazon-regular {
    width: 300px;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,0.18);
    gap: 0;
  }
  .amazon-regular > .fa-amazon {
    font-size: 3.2rem;
    display: block;
    margin-bottom: 14px;
    position: relative;
    z-index: 2;
  }
  .regular-text-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    position: relative;
    z-index: 2;
  }
  .amazon-regular-text {
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    display: block;
  }
  .regular-text-wrap em {
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -0.01em;
    line-height: 1.2;
    display: block;
    text-align: center;
  }
  .amazon-regular-subtext {
    font-size: 0.8rem;
    font-weight: 400;
    display: block;
    text-align: center;
    letter-spacing: 0.03em;
  }
  .amazon-regular .arrow {
    position: absolute !important;
    bottom: 18px;
    right: 20px;
    font-size: 0.9rem;
    z-index: 2;
  }
  .amazon-regular:hover {
    opacity: 0.92;
    transform: scale(1.01);
    transition: all 0.2s ease;
  }
  .theme-yellow {
    background: #FEC901;
    color: #1a1a1a;
  }
  .theme-yellow::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    z-index: 1;
  }
  .theme-yellow::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: -40px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(0,0,0,0.05);
    z-index: 1;
  }
  .theme-yellow > .fa-amazon {
    color: #1a1a1a;
  }
  .theme-yellow .amazon-regular-text {
    color: #5a4200;
    background: rgba(0,0,0,0.08);
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
  }
  .theme-yellow .regular-text-wrap em {
    color: #1a1a1a;
  }
  .theme-yellow .amazon-regular-subtext {
    color: #3d2e00;
  }
  .theme-yellow .arrow {
    color: #1a1a1a;
    opacity: 0.6;
  }
  .theme-yellow .cta-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
  }
  .theme-yellow .cta-bar span {
    color: #FEC901;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.06em;
  }
.amazon-timesale{
color: #fff;
font-size: 1.0rem;
font-weight: bold;
text-align: center;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
overflow: hidden;
background: linear-gradient(90deg, #0d5f8c 0%, #1a7ba8 30%, #2a9cc9 50%, #1a7ba8 70%, #0d5f8c 100%);
background-size: 200% 100%;
background-position: left;
transition: background-position 0.5s ease;
border-radius: 10px;
margin: 0 auto;
padding: 11px;
width: 280px;
display: block;
}
.amazon-timesale:before{
font-size: 1.6rem;
color: #fff;
content: "\f270";
font-family: 'Font Awesome 6 Brands';
padding: 7px;
}
.amazon-timesale:link,
.amazon-timesale:visited {
color: white;
text-decoration: none;
}
.amazon-timesale:hover,
.amazon-timesale:active,
.amazon-timesale:focus {
color: #F0F6FB;
text-decoration: none;
background-position: right;
}
.amazon-sale{
color: #fff;
font-size: 0.9rem;
font-weight: bold;
text-align: center;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
overflow: hidden;
background: linear-gradient(90deg, #0d5f8c 0%, #1a7ba8 30%, #2a9cc9 50%, #1a7ba8 70%, #0d5f8c 100%);
background-size: 200% 100%;
background-position: left;
transition: background-position 0.5s ease;
border-radius: 10px;
margin: 14px auto 4px;
padding: 8px;
width: 330px;
display: block;
}
.amazon-sale:before{
font-size: 1.3rem;
color: #fff;
content: "\f270";
font-family: 'Font Awesome 6 Brands';
padding: 7px;
}
.amazon-sale:link,
.amazon-sale:visited {
color: white;
text-decoration: none;
}
.amazon-sale:hover,
.amazon-sale:active,
.amazon-sale:focus {
color: #F0F6FB;
text-decoration: none;
background-position: right;
}
a.amazon-basics {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0;
width: 300px;
height: 250px;
position: relative;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
font-family: 'Noto Sans JP', sans-serif;
}
a.amazon-basics:hover {
transform: translateY(-3px);
box-shadow: 0 16px 40px rgba(146,195,27,0.3);
}
a.amazon-basics > .fa-amazon {
  color: #92C31B;
  filter: drop-shadow(0 2px 6px rgba(146,195,27,0.5));
  margin-bottom: 4px;
  padding-top:24px;
  font-size: 42px;
  line-height: 1;
  position: relative;
  z-index: 2;
}
a.amazon-basics .text-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}
a.amazon-basics .amazon-basics-text {
  color: #1a3300;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: 2px;
}
a.amazon-basics em {
  font-style: normal;
  font-weight: 900;
  font-size: 28px;
  letter-spacing: 2px;
  line-height: 1.2;
  color: #92C31B;
  position: relative;
}
a.amazon-basics .amazon-basics-subtext {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 1;
  margin-top: 14px;
  padding: 6px 14px;
  border-radius: 2px;
  color: #fff;
  background: #92C31B;
}
a.amazon-basics .arrow {
  color: #92C31B;
  font-size: 15px;
  position: relative;
  z-index: 2;
  margin-top: 14px;
  animation: bounce-r 1.6s ease-in-out infinite;
}
@keyframes bounce-r {
  0%, 100% { transform: translateX(0); }
  50%       { transform: translateX(5px); }
}
a.amazon-basics {
display: block;
background:
radial-gradient(ellipse 260px 200px at 50% 50%, #fff 0%, #eef7d4 100%);
}
a.amazon-basics::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: #92C31B;
  z-index: 3;
}
a.amazon-basics::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(146,195,27,0.18) 1px, transparent 1px);
  background-size: 18px 18px;
  z-index: 0;
}
.navileft{
width:100%;
padding-bottom:12px;
}
.naviright{
width:100%;
}
.naviimg{
flex-basis:12.0%;
padding: 10px 0 6px 0;
border-bottom: 6px solid #257EC2;
}
.naviimg:nth-child(1){
border-bottom: 6px solid #26A69A;
}
.naviimg:nth-child(3){
border-bottom: 6px solid #6EA171;
}
.naviimg:nth-child(5){
border-bottom: 6px solid #268A6F;
}
.naviimg:nth-child(7){
border-bottom: 6px solid #2196F3;
}
.naviimg a:link, .naviimg a:hover, .naviimg a:active, .naviimg a:visited{
display: block;
color: #226399;
width: 100%;
text-decoration : none;
}
.naviimg:hover{
background: #F0F7F9;
border-bottom: 6px solid #2196F3;
border-radius: 8px 8px 0 0;
opacity: 0.9;
}
.category-icon{
display: block;
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
margin: 0 auto;
}
.naviimg:hover .category-icon {
transform: translateY(-6px);
}
.search {
clear: both;
color: #121212;
margin-left: 486px;
border-color: #fff;
border-collapse: collapse;
width: 650px;
height: 40px;
padding: 0 0 16px 0;
}
.search2 {
margin: 0 auto;
width: 620px;
height: 38px;
padding: 0 0 16px 0;
}
#searchform .gsc-input-box,
#searchform2 .gsc-input-box {
font-size: 0.8rem !important;
margin-left: 0 !important;
border: 1px solid #C4DCEE !important;
height: 40px !important;
border-radius: 8px !important;
-webkit-appearance: none !important;
width: 100% !important;
padding-bottom: 6px;
}
form.gsc-search-box {
max-width: 650px !important;
font-size: 14px;
margin: 0 !important;
}
.gsc-input {
padding-right: 7px !important;
}
@keyframes subtle-cyan-green {
  0%, 100% { 
    border-color: #06b6d4;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.15), 0 0 10px rgba(6, 182, 212, 0.2);
  }
  25% { 
    border-color: #0891b2;
    box-shadow: 0 0 0 3px rgba(8, 145, 178, 0.15), 0 0 10px rgba(8, 145, 178, 0.2);
  }
  50% { 
    border-color: #0d9488;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15), 0 0 10px rgba(13, 148, 136, 0.2);
  }
  75% { 
    border-color: #14b8a6;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15), 0 0 10px rgba(20, 184, 166, 0.2);
  }
}
#searchform .gsc-input-box:focus-within,
#searchform2 .gsc-input-box:focus-within {
animation: subtle-cyan-green 4s ease-in-out infinite !important;
}
#searchform .gsc-search-box:focus-within .gsc-search-button,
#searchform2 .gsc-search-box:focus-within .gsc-search-button-v2,
.gsc-search-button:hover {
border-color: #0080ff;
box-shadow: 0 0 2px #0066ff, 0 0 3px #0066ff, 0 0 6px rgba(0, 102, 255, 0.4), inset 0 0 2px rgba(0, 102, 255, 0.3);
}
.gsc-search-button {
position: relative !important;
height: 8px !important;
border-radius: 5px !important;
border: 1px solid #C4DCEE !important;
background: #257EC2 !important;
cursor: pointer;
}
.gsc-search-button:before {
position: absolute;
top: 12%;
left: 28%;
content: '検索' !important;
color: #fff;
font-size: 15px;
}
.gsc-search-button-v2 {
opacity: 0 !important;
}
#toparea{
text-align:center;
margin-bottom:20px;
width:100%;
}
.toplink{
display: flex;
flex-wrap:wrap;
font-size:0.85rem;
justify-content: center;
text-align:center;
padding: 20px 0;
opacity: 0.9;
width:100%;
}
.topunit{
text-align:center;
margin:24px 0 24px;
height: auto;
}
#main{
width:100%;
}
.left{
float:left;
border-right:#D8D9D9 2px dashed;
vertical-align:top;
padding-right:4px;
width:815px;
}
.tese{
font-size :0.94rem;
border:solid;
border-color : #f5f5f5;
border-width:0 0 1px;
width:100%;
padding: 1px 0 6px 6px;
margin:2px 0 2px;
}
.breadcrumb {
line-height: 30px;
padding: 1px;
margin:0;
list-style: none;
}
ol.breadcrumb li{
display: block;
height: 30px;
float:left;	
}
ol.breadcrumb li:before {
color: #257EC2;
content: "\f105";
font-family: 'Font Awesome 6 Free';
padding:8px;
}
ol.breadcrumb li:first-child:before{
display:none;
}
.middleunit{
padding:6px 0 18px;
}
.media-area{
text-align:center;
background:#e7e7e7;
border:#ddd 1px solid;
border-radius: 8px;
padding:30px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:18px;
width:85%;
}
.ver-container{
text-align:right;
margin-right:42px;
}
.ver-comment{
display: inline-block;
font-size:0.8rem;
text-align:right;
color : #EFF3F5;
background: linear-gradient(
175deg, #1F6BA5 72%, #2972A9 52%);
border:#658DAB 1px solid;
border-radius: 4px;
padding:6px 10px;
}
.overview {
display: flex;
align-items: center;
gap: 10px;
font-size:0.95rem;
background:#DEEBF5;
padding:20px;
color : #222;
margin:20px 0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width: auto;
}
:root {
--toc-image-url: url('https://img.gigafree.net/speech-cat.png');
--toc-image-size: 150px;
--toc-image-offset: 10px;
}
#toc{
position: relative;
list-style: none;
background:#f0f0f0;
color : #444;
vertical-align:top;
border:#ddd 1px solid;
border-radius: 8px;
padding:30px;
width:85%;
}
#toc:before {
display: inline-block;
content: "目次";
font-weight: bold;
font-size:1.0rem;
color: #fff;
background:linear-gradient(135deg, #257ec2 0%, #257ec2 50%, #398AC8 50%, #398AC8 100%); 
padding:10px 20px;
margin-bottom:22px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border-radius: 6px;
}
#toc::after {
content: '';
position: absolute;
bottom: calc(-1 * var(--toc-image-offset));
right: -40px;
width: var(--toc-image-size);
height: var(--toc-image-size);
background-image: var(--toc-image-url);
background-size: contain;
background-repeat: no-repeat;
}
#toc li {
margin:4px 0px;
}
#toc li:before {
color: #257EC2;
content: "\f105";
font-family: 'Font Awesome 6 Free';
padding:8px;
}
#toc ul,
#toc ul ul {
list-style: none;
}
#toc ul li ul li:before {
color: #257EC2;
content: "\f061";
font-family: 'Font Awesome 6 Free';
padding:8px;
}
#toc .sub{
list-style: none;
}
#toc .sub li:before {
color: #257EC2;
content: "\f061";
font-family: 'Font Awesome 6 Free';
padding:8px;
}
a.popup-link {
display:block;
font-weight: bold;
text-align:center;
text-decoration : none;
text-shadow:1px 1px 2px #333;
font-size:0.9rem;
background:#3872A3;
color : #fff;
border:#ccc 1px solid;
border-radius: 20px;
padding:8px;
margin:20px 20px 15px auto;
width:120px;
}
a.popup-link:hover, a.popup-link:active, a.popup-link:visited {
text-align:center;
color : #fff;
background-color : #2F6088;
text-decoration : none;
}
a.popup-link:before{
content: "\f2ea";
font-family: 'Font Awesome 6 Free';
font-size : 1rem;
margin-right:12px;
text-decoration : none;
}
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
}
.modal-content {
font-size :0.95rem;
text-align:left;
padding:20px 26px;
background-color: #fefefe;
position: fixed;
left: 330px;
top: 140px;
padding: 20px;
border: none;
border-radius: 10px;
width: 610px;
max-height: 50vh;
overflow-y: auto;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
position: absolute;
right: 10px;
top: 5px;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
}
#modal-body {
list-style: none;
}
#modal-body:before {
display: inline-block;
content: "目次";
font-weight: bold;
font-size:1.0rem;
color: #fff;
background:linear-gradient(135deg, #257ec2 0%, #257ec2 50%, #398AC8 50%, #398AC8 100%); 
padding:10px 20px;
margin-bottom:22px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border-radius: 6px;
}
#modal-body li {
margin:4px 0px;
}
#modal-body li:before {
color: #257EC2;
content: "\f105";
font-family: 'Font Awesome 6 Free';
padding:8px;
}
#modal-body .sub{
list-style: none;
}
#modal-body .sub li:before {
color: #257EC2;
content: "\f101";
font-family: 'Font Awesome 6 Free';
padding:8px;
}
.bookmark{
text-align:right;
margin:8px 5px 22px auto;
width:100%;
}
.above-caption{
background : #F8F8F8;
margin: 0 auto;
min-height: 148px;
border-radius: 6px;
}
.third-box{
margin: 0 auto;
padding: 20px;
width:95%;
}
.add_hatena{
float:right;
font-size :0.7rem;
color : #fff;
font-weight : bold;
text-align:center;
background-color : #00A4DE;
padding: 0 2px;
border-radius: 6px;
text-shadow:1px 1px 1px #333;
margin:0 3px;
width:145px;
}
.add_hatena_count{
font-size :0.9rem;
vertical-align: middle;
}
.add_hatena:before {
font-size : 1.0rem;
color: #fff;
content: "B!";
padding-right: 5px;
vertical-align: middle;
}
.add_hatena:hover{
background-color : #0099D0;
}
.add_hatena:link, .add_hatena:hover, .add_hatena:active, .add_hatena:visited{
display:inline-block;
text-decoration: none;
color: #fff;
}
.add_twitter{
font-size :0.7rem;
background-color : #030303;
}
.add_twitter:before {
font-size : 0.9rem;
color: #fff;
content: "\e61b";
font-family: 'Font Awesome 6 Brands';
padding-right: 6px;
vertical-align: middle;
}
.add_twitter:hover{
background-color : #272C30;
}
.add_twitter:link, .add_twitter:hover, .add_twitter:active, .add_twitter:visited{
display:inline-block;
text-decoration: none;
color: #fff;
}
.add_facebook{
font-size :0.76rem;
background-color : #1877F2;
}
.add_facebook:before {
font-size : 0.8rem;
color: #fff;
content: "\f39e";
font-family: 'Font Awesome 6 Brands';
padding-right: 6px;
vertical-align: middle;
}
.add_facebook:hover{
background-color : #1565CC;
}
.add_facebook:link, .add_facebook:hover, .add_facebook:active, .add_facebook:visited{
display:inline-block;
text-decoration: none;
color: #fff;
}
.add_clipboard{
font-size :0.75rem;
background-color : #6EA171;
color: #fff;
padding : 6px;
border-radius: 6px;
border:0;
margin-right:3px;
}
.add_clipboard:before {
font-size : 0.8rem;
color: #fff;
content: "\f0c6";
font-family: "Font Awesome 6 Free";
padding: 8px;
vertical-align: middle;
}
.add_clipboard:hover{
background-color : #268A6F;
border:0;
}
.add_favorites:link, .add_favorites:hover, .add_favorites:active, .add_favorites:visited{
text-decoration : none; 
color : #333;
font-size :1.0rem;
font-weight: bold;
}
.favorite-btn {
background: none;
border: none;
font-size :0.8rem;
cursor: pointer;
}
.favorite-btn .fa-heart {
font-size :1.1rem;
color: #ccc;
padding-left:1px;
transition: color 0.3s;
}
.favorite-btn.active .fa-heart {
color: red;
}
.add_pocket{
font-size :0.8rem;
background-color : #EE4056;
}
.add_pocket:before {
font-size : 0.8rem;
color: #fff;
content: "\f265";
font-family: 'Font Awesome 6 Brands';
padding-right: 8px;
vertical-align: middle;
}
.add_pocket:hover{
background-color : #CB374A;
}
.add_pocket:link, .add_pocket:hover, .add_pocket:active, .add_pocket:visited{
display:inline-block;
text-decoration: none;
color: #fff;
}
.add_mixi{
font-size :0.7rem;
background-color : #CFA34C;
}
.add_mixi:before {
font-size : 1.0rem;
color: #fff;
content: "m";
padding-right: 5px;
}
.add_mixi:hover{
background-color : #B18B41;
}
.add_mixi:link, .add_mixi:hover, .add_mixi:active, .add_mixi:visited{
display:inline-block;
text-decoration: none;
color: #fff;
}
.add_line{
font-size :0.7rem;
background-color : #06C755;
}
.add_line:before {
font-size : 0.85rem;
color: #fff;
content: "\f3c0";
font-family: 'Font Awesome 6 Brands';
padding-right: 7px;
}
.add_line:hover{
background-color : #048438;
}
.add_line:link, .add_line:hover, .add_line:active, .add_line:visited{
display:inline-block;
text-decoration: none;
color: #fff;
}
.add_twitter, .add_facebook, .add_mixi, .add_pocket, .add_line{
float:right;
text-shadow:1px 1px 1px #333;
color : #fff;
font-weight : bold;
text-align:center;
margin:0 3px;
padding: 0px;
width:85px;
border-radius: 6px;
}
.bookmarkbottom{
text-align:center;
margin:8px;
}
.sentence{
font-size:0.94rem;
padding:14px 26px 14px 18px;
}
.page{
border:solid;
border-width:0 0 1px;
border-color:#CDCECE;
font-size:1.1rem;
padding:30px 0 22px 0;
margin:0 150px;
text-align:center;
}
.page:before {
color: #257EC2;
font-size:1.6rem;
content: "\f15c";
font-family: 'Font Awesome 6 Free';
padding:0 16px 0 0;
}
div.idx{
font-size:0.95rem; 
text-align:right;
margin-top:6px;
margin-right:16px;
}
div.idx:before {
color: #257EC2;
font-size:1.6rem;
content: "\f15c";
font-family: 'Font Awesome 6 Free';
padding:0 16px 0 0;
}
span.idx {
border : 1px solid #f4f6f7; 
padding : 14px; 
background-color : #f5f5f5;
}
.totop:after {
color: #257EC2;
font-size:1.2rem;
content: "\e289";
font-family: 'Font Awesome 6 Free';
padding:0 0 0 2px;
}
.pagination{
font-size:0.95rem;
padding:16px 0 22px 0;
text-align:center;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
span.pagination {
border : 1px solid #f4f6f7; 
padding : 14px; 
background-color : #F0F0F0;
}
#soft{
font-size :0.95rem;
width:100%;
margin-bottom:15px;
display:table;
}
.ss {
position: relative;
display:table-cell;
vertical-align: middle;
text-align:center;
width:56%;
}
.out{
position:relative;
display:table-cell;
text-align:left;
vertical-align: middle;
width :44%;
}
.dl-area {
padding:12px 0;
text-align: center;
}
table.path{
font-size :0.84rem;
border-color: #fff;
border-spacing:5px;
border-collapse:separate;
width:100%;
}
table.list {
border-collapse: collapse;
width: 100%;
margin: 30px 0;
}
table.list th {
padding: 1rem 2rem;
background: #E0EBF7;
color: #101112;
border-bottom: solid 4px #778ca3;
}
table.list td {
padding: 1rem 2rem;
text-align: center;
border-bottom: 1px solid #ddd;
}
table.list tr:nth-of-type(1) {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
table.list tr:nth-of-type(even) {
background-color: #ffffff;
}
table.list tr:nth-of-type(odd) {
background-color: #f0f0f0;
}
table.comparison {
width: 85%;
border-collapse: collapse;
border-radius: 12px;
background: #F7F7F7;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
margin: 20px auto 26px;
}
table.comparison thead th {
background: #ddd;
font-weight: bold;
font-size: 1.05rem;
padding: 18px 24px;
text-align: center;
}
table.comparison thead th:first-child {
border-right: 2px solid rgba(255, 255, 255, 0.3);
}
table.comparison tbody td {
padding: 14px 24px;
border-bottom: 1px solid #e5e7eb;
}
table.comparison tbody td:first-child {
border-right: 1px solid #e5e7eb;
}
table.comparison tbody tr:last-child td {
border-bottom: none;
}
table.summary {
width: 100%;
margin: 30px 0;
border-collapse: separate;
border: 1px solid #f5f5f5;
border-radius: 10px;
overflow: hidden;
}
table.summary th {
padding: 10px;
}
table.summary th {
background: #295890;
vertical-align: middle;
text-align: center;
width: 30%;
color: #fff;
font-weight: bold;
}
table.summary td {
background: #f9f9f9;
padding: 20px;
}
.breadc{
font-size :0.84rem;
border-color: #fff;
border-spacing:5px;
border-collapse:separate;
width:100%;
margin-top:32px;
margin-bottom:0;
}
.breadc2{
font-size :0.95rem;
border-color: #fff;
border-spacing:0px;
border-collapse:separate;
width:100%;
margin-top:42px;
margin-bottom:0;
padding-left:6px;
}
#line{
font-size :0.9rem;
display: table;
background-color:#f6f6f6;
border-style:solid;
border-color: #f6f6f6 #f6f6f6 #CDCECE;
border-width:1px;
width:100%;
}
#line2{
font-size :0.9rem;
display: table;
border: solid;
border-color: #fff #fff #CDCECE;
border-width:1px;
width:100%;
}
.infeed2{
border: solid;
border-color: #fff #fff #CDCECE;
border-width:1px;
width:100%;
margin:20px 0 0px;
}
table.default{
width:100%;
}
.pathl{
vertical-align:top;
width:75%;
}
.pathr{
vertical-align:top;
width:25%;
}
.item {
font-weight: bold;
background-color : #F9F9F9;
border : 1px solid #333; 
width: 30%;
}
.des {
background-color : #f5f5f5; 
border : 1px solid #333; 
width: 70%;
}
.shot:hover{
opacity: 0.8;
}
.shot:active{
opacity: 0.7;
}
.shot img:hover{
transform: scale(1.01);
transition-duration: 0.3s;
}
.oute{
width :33%;
vertical-align:top;
}
.outi{
display: table-cell;
vertical-align: middle;
font-size:95%;
width:69%;
background-color :#f6f6f6;
padding:12px 0 10px 12px;
}
.fea{
display: table-cell;
vertical-align: middle;
width :24%;
background-color:#f6f6f6;
}
.outi2{
display: table-cell;
vertical-align: middle;
font-size : 95%; 
width:69%;
padding:12px 0 10px 12px;
}
.fea2{
display: table-cell;
vertical-align: middle;
width :24%;
}
.detailedpage{
color: #fff;
font-size:0.85rem;
border-top: 1px solid #257ec2;
background: #257ec2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-shadow:1px 1px 2px #333;
text-decoration: none;
font-weight : bold;
vertical-align: middle;
padding: 10px 32px;
line-height:2.1rem;
}
.detailedpage:link, .detailedpage:visited {
text-decoration: none;
color: #fff;
}
.detailedpage:hover {
text-decoration: none;
border-top-color: #257ec2;
background: #1F6DA8;
color: #fff;
}
.detailedpage:active {
text-decoration: none;
border-top-color: #257ec2;
background: #257ec2;
}
.thir{
width :30%;
vertical-align:top;
}
.seven{
width :70%;
vertical-align:top;
}
.helf{
width :50%;
vertical-align:top;
}
.sitm{
width:10%;
vertical-align:top;
}
.itm{
width:25%;
vertical-align:top;
}
td.content{
width:75%;
vertical-align:top;
}
.contents{
width:200px;
vertical-align:top;
}
#ri {
float:right;
font-size:0.9rem;
padding-left:6px;
vertical-align:top;
width:330px;
} 
dl,dd,dt{
padding:0; margin:0;
} 
.leftbox{
float:left;
width :50%;
vertical-align:top;
}
.rightbox{
float:right;
width :50%;
vertical-align:top;
}
.leftone{
float:left;
width :50%;
vertical-align:top;
}
.rightone{
float:right;
width :50%;
vertical-align:top;
}
.clear{
clear:both;
}
.leftg{
float:left;
margin:17px 0 16px;
width:74px;
}
.rightg{
float:right;
margin:17px 0 16px;
padding-top:17px;
width:110px;
}
.flex-container {
display: flex;
}
.flex-item {
flex: 1;
}
div.theme {
font-size : 110%;
color : #333;
font-weight : bold; 
padding : 7px; 
background-color : #f5f5f5;
border:solid;
background-color:#f5f5f5;
border-color:#ccc; 
border-width:0 2px 2px 0;
}
div.menu {
font-size : 100%; 
color:#383838;
font-weight : bold; 
padding:8px 0px 8px 58px;
border:solid;
background-image : url("https://img.gigafree.net/catename.png"); 
border-color:#d3d3d3;
border-width:1px 0 0 1px;
width:610px;
} 
p.theme {
font-size : 1.2rem;
color: #fff;
font-weight : bold;
padding:16px 16px 16px 22px;
background:#257EC2;
margin-top:40px;
margin-right:8px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border-radius:3px;
}
.softico {
padding:6px;
opacity: 0.9;
border:1px solid #f0f0f0;
box-shadow: 1px 1px 1px rgba(50,58,49,0.2);
vertical-align:middle;
background:#fff;
}
.appico {
padding:8px;
opacity: 0.8;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
vertical-align:-55%;
margin-right:4px;
}
.sni {
font-size :1.1rem;
color : #333;
font-weight : bold; 
padding : 14px 0px 4px 12px;
background-color : #f6f6f6;
} 
.sni2 {
font-size :1.1rem;
color : #333;
font-weight : bold; 
padding : 14px 0px 4px 12px;
} 
.box {
color : #666; 
font-weight : bold; 
} 
.box2 {
color : #999; 
font-weight : bold; 
}
.undr{
text-decoration:underline;
}
.bottomsection{
border-width:0px;
margin-top:30px;
margin-bottom:50px;
text-align:center; 
width:100%;
}
.bottom-responsive{
margin-top:44px;
padding-bottom:8px;
}
div.bord {
clear:both;
text-align:right;
font-size:0.86rem;
position: relative;
color: #fff;
background: #257ec2;
margin:2px 0 12px;
padding:10px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border:none;
border-radius:3px;
width:100%;
}
.banner {
width: 100%;
clear:both;
text-align:right;
font-size:0.86rem;
position: relative;
color: #fff;
margin:2px 0 12px;
padding:10px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
overflow: hidden;
background: linear-gradient(90deg, #0d5f8c 0%, #1a7ba8 30%, #2a9cc9 50%, #1a7ba8 70%, #0d5f8c 100%);
}
.sn {
font-size:1.2rem;
color:#383838;
font-weight:bold;
padding :10px 0px 8px 12px;
border:solid;
border-color:#004078;
border-width:0 0 1px;
margin-top:14px;
margin-bottom:24px;
width:95%;
box-shadow: 0 6px 14px -10px rgba(0,64,120,0.3) ;
}
.sn:before {
font-size : 1.5rem;
color: #257EC2;
content: "\f07c";
font-family: "Font Awesome 6 Free";
margin-right: 4px;
}
.softname {
font-size:1.2rem;
color:#333;
font-weight:bold;
padding :10px 0px 8px 12px;
border:solid;
border-color:#004078;
border-width:0 0 1px;
margin-top:14px;
margin-bottom:24px;
width:95%;
text-shadow: 0 1px 3px rgba(0,0,0,0.15);
box-shadow: 0 6px 14px -10px rgba(0,64,120,0.3) ;
}
.download{
display:inline-block;
color: #fff;
border-top: 1px solid #257ec2;
background: #257ec2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-shadow:1px 1px 2px #333;
box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);width:97%;
text-decoration: none;
font-weight : bold;
vertical-align: middle;
padding: 3px 8px 1px 6px;
margin-bottom:6px;
line-height:2.0rem;
width:24%;
}
.download:link{
text-decoration: none;
color: #fff;
}
.download:visited {
text-decoration: none;
color: #fff;
}
.download:hover {
text-decoration: none;
border-top-color: #257ec2;
background: #1F6DA8;
color: #fff;
}
.download:active {
text-decoration: none;
border-top-color: #257ec2;
background: #257ec2;
}
.download:before {
font-size : 1.1rem;
color: #fff;
content: "\f019";
font-family: "Font Awesome 6 Free";
padding: 0 8px 0 3px;
display: inline-block;
position: relative;
top: 2px;
}
.download:after {
font-size : 1rem;
color: #fff;
content: "ダウンロード";
padding:0 0 0 3px;
display: inline-block;
position: relative;
top: 2px;
}
@keyframes press {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
.download:hover:before {
display: inline-block;
  animation: press 0.3s ease;
}
.download-alt{
font-size : 0.95rem;
display:inline-block;
color: #fff;
border-top: 1px solid #257ec2;
background: #257ec2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-shadow:1px 1px 2px #333;
box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);width:97%;
text-decoration: none;
font-weight : bold;
vertical-align: middle;
padding: 3px 8px 1px 6px;
margin-bottom:4px;
line-height:2.0rem;
width:24%;
}
.download-alt:link{
text-decoration: none;
color: #fff;
}
.download-alt:visited {
text-decoration: none;
color: #fff;
}
.download-alt:hover {
text-decoration: none;
border-top-color: #257ec2;
background: #1F6DA8;
color: #fff;
}
.download-alt:active {
text-decoration: none;
border-top-color: #257ec2;
background: #257ec2;
}
.download-alt:before {
font-size : 1.1rem;
color: #fff;
content: "\f019";
font-family: "Font Awesome 6 Free";
padding:8px 4px 0 3px;
}
.shortcut{
display:inline-block;
color: #fff;
border-top: 1px solid #257ec2;
background: #257ec2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-shadow:1px 1px 2px #333;
box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);width:97%;
text-decoration: none;
font-weight : bold;
vertical-align: middle;
padding: 3px 8px 1px 6px;
margin-bottom:4px;
line-height:2.0rem;
width:24%;
}
.shortcut:link{
text-decoration: none;
color: #fff;
}
.shortcut:visited {
text-decoration: none;
color: #fff;
}
.shortcut:hover {
text-decoration: none;
border-top-color: #257ec2;
background: #1F6DA8;
color: #fff;
}
.shortcut:active {
text-decoration: none;
border-top-color: #257ec2;
background: #257ec2;
}
.shortcut:before {
font-size : 1.1rem;
color: #fff;
content: "\f08e";
font-family: "Font Awesome 6 Free";
padding:8px 4px 0 3px;
}
.shortcut:after {
font-size : 0.95rem;
color: #fff;
content: "サイトへ";
padding:0 0 0 3px;
}
.highlight{
display:inline-block;
position: relative;
padding: 0 8px 3px 2px;
margin-bottom: 0.6rem;
color: #333;
background: linear-gradient(90deg, #26A69A 0%, #16b5dd 100%);
background-repeat: no-repeat;
background-size: 100% 6px;
background-position: bottom;
font-weight: bold;
font-size: 1.2rem;
}
.spll{
font-size:0.8rem;
color:#717171;
margin-left:42px;
margin-top:20px;
}
kbd {
display: inline-block;
padding: 5px 12px;
font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
font-size: 14px;
font-weight: 600;
background: linear-gradient(180deg, #fafafa 0%, #e5e7eb 100%);
border: 2px solid #9ca3af;
border-radius: 8px;
box-shadow: 
0 2px 0 0 #6b7280,
0 4px 0 0 #9ca3af,
0 6px 12px rgba(0, 0, 0, 0.15);
color: #1f2937;
transition: all 0.15s ease;
cursor: pointer;
position: relative;
top: 0;
margin:6px;
}
kbd:hover {
transform: translateY(-1px);
box-shadow: 
0 1px 0 0 #cbd5e0,
0 2px 0 0 #e2e8f0,
0 3px 0 0 #edf2f7,
0 5px 12px rgba(0, 0, 0, 0.15);
}
kbd:active {
transform: translateY(4px);
box-shadow: 
0 1px 0 0 #6b7280,
0 2px 4px rgba(0, 0, 0, 0.1);
}
.lefts{
border-width:0px;
margin-top:12px;
padding:10px 0px 22px 38px;
width:91%;
}
.bkmbtn:hover{
-webkit-box-shadow: 0px 0px 6px 1px #A8C6DB;
-moz-box-shadow: 0px 0px 6px 1px #A8C6DB;
box-shadow: 0px 0px 6px 1px #A8C6DB;
	opacity: 0.8;
}
.bkmbtn:active{
    box-shadow: 0px 0px 6px 1px rgba(48, 119, 168,0.80);
    -moz-box-shadow: 0px 0px 6px 1px rgba(48, 119, 168, 0.80);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(48, 119, 168,0.80);
	opacity: 0.7;
   }
div.name{
color : #f5f5f5;
font-weight : bold;
background-image : url("https://img.gigafree.net/back.png");
width:480px;
margin-top:18px;
}
div.detail{
font-size :0.95rem; 
padding:20px 26px;
border:solid;
background-color:#f5f5f5;
border-color:#ccc; 
border-width:0 1px 1px 0;
border-radius: 6px;
}
.interlude{
text-align: center;
padding:22px;
}
.relevant{
list-style: none;
position: relative;
border: 3px solid;
border-color: #7396B0 #5A8AAF #5A8AAF #7396B0;
border-radius: 5px;
background: #f0f0f0;
margin: 24px 10px;
padding: 26px 24px 22px 0;
}
.relevant:before {
font-size :1.0rem;
content: "関連";
position: absolute;
background:linear-gradient(180deg,#f5f5f5 0%,#f5f5f5 50%,#f0f0f0 50%,#f0f0f0 100%);
color: #033;
font-weight: bold;
left: 20px;
top: -23px;
padding: 10px;
}
.relevant li {
position: relative;
display: block;
padding:4px 4px 4px 3.0rem;
}
.relevant li:before {
position: absolute;
color: #257EC2;
font-size :1.3rem;
content: "\f02b";
font-family: "Font Awesome 6 Free";
padding:16px;
left: 2px;
top: -18px;
}
.section{
position: relative;
margin:12px 0 0 24px;
background: linear-gradient(90deg, #257ec296, #b6d4ea 64%);
background-repeat: no-repeat;
background-size: 100% 5px;
background-position: bottom;
color: #2c2c2c;
font-weight: bold;
font-size:1.2rem;
text-shadow: 0 1px 3px rgba(0,0,0,0.15);
width:95%;
padding-bottom: 4px;
}
.section:before{
display:inline-block;
content: url('https://img.gigafree.net/cat/desk-cat.png');
vertical-align: middle;
padding-right: 5px;
}
.under-title{
width:60%;
}
#preview{
position: absolute;
border: 1px solid #ccc;
border-radius: 8px;
background-color:#fff;
padding: 12px;
display: none;
color: #000;
text-align: center;
box-shadow: 0 2px 20px rgba(48,56,47,0.6);
}
.btn-default:after{
font-size:0.9rem;
color: #257EC2;
content: "\f00e";
font-family: "Font Awesome 6 Free";
padding:3px;
}
.tablebox{
display: flex;
padding:8px;
}
.leftitem{
font-weight : bold;
flex-basis: 30%;
padding:12px;
}
.rightitem{
flex-basis: 60%;
padding:12px;
}
.flex-parent{
width:100%;
height:auto;
display:flex;
justify-content:space-between;
}
.flex-child{
width:33%;
height:auto;
}
.bord2 {
text-align:right;
font-size:0.86rem;
position: relative;
color: #ffffff;
background: #257ec2;
margin:2px 0 12px;
padding:10px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border:none;
border-radius: 3px;
width:100%;
}
.in-article{
text-align :center;
margin-left:auto;
margin-right:auto;
margin-top:46px;
margin-bottom:50px;
}
.article_bottom{
text-align :center;
border-top: #ccc 1px dashed;
margin:5px 0 0 0;
padding:24px 0 20px;
}
.related{
border-top: #ccc 1px dashed;
margin:5px 0 0 0;
padding:2px 0 20px;
}
.related-cate{
margin:5px 0 0 8px;
padding:24px 0 20px;
width:95%;
}
.relatedtitle:before {
font-size : 1.5rem;
color: #257EC2;
content: "\f022";
font-family: "WebHostingHub-Glyphs";
padding:8px;
}
.relatedtitle{
color:#383838;
font-size:1.0rem;
font-weight : bold;
margin-bottom:20px;
padding:10px 0 8px 10px;
position: relative;
border-bottom: 1px solid #257EC2;
box-shadow: 0 9px 12px -8px rgba(48,56,47,0.2);
}
.relatedtitle:after {
position: absolute;
bottom: -1px;
left: 0;
z-index: 2;
content: '';
width: 45%;
height: 1px;
background-color: #252A24;
}
.cate-feature{
padding:16px 4px 4px 4px;
}
.featureone{
font-size : 0.95rem;
padding:9px 12px;
}
.featureone:hover{
background:#e6e6e6;
}
.standardone{
font-size : 1.0rem;
padding:9px 12px;
}
.standardone:hover{
background:#F0F0F0;
}
.classic{
font-size : 1.0rem;
padding:9px 12px;
cursor: pointer;
border:0;
}
.classic:hover{
background:#F0F0F0;
}
.classic a, .classic a:hover, .classic a:active, .classic a:visited{
display: block;
width: 100%;
height:100%;
text-decoration: none;
}
.skyscraper{
text-align: center;
margin-top:8px;
margin-left: auto;
margin-right: auto;
padding:6px 0 10px 3px;
}
.skyscraper2{
text-align: center;
margin-left: auto;
margin-right: auto;
padding:0 0 14px 3px;
}
.rightgunit{
border: 0;
padding:3px 0 18px 20px;
margin:4px 0;
box-shadow: 0 -6px 20px -8px rgba(200,217,235,0.4) ;
}
.skyama{
color:#232323;
padding-top:16px;
padding-left:4px;
margin-top:16px;
margin-bottom:0;
}
.skyama2{
margin-top:0;
padding-left:4px;
}
.contentsname{
padding:12px 8px;
}
.contentsname:before {
font-weight: bold;
font-size:2rem;
color :#446477;
content: "\f06d";
font-family: "Font Awesome 6 Free";
padding:8px 18px 8px 6px;
}
.classic-title{
font-weight: bold;
font-size:1.0rem;
color :#446477;
padding:12px 8px;
}
.classic-title:before {
font-weight: bold;
font-size:2rem;
color :#446477;
content: "\f63d";
font-family: "WebHostingHub-Glyphs";
padding:8px 18px 8px 6px;
}
.skyrec{
font-size :0.95rem; 
padding:9px 8px;
cursor: pointer;
position: relative;
}
.skyrec:hover{
background: #F0F7F9;
}
.reclink-head{
font-weight : bold;
font-size:1rem;
color: #fff;
background: #257ec2;
padding:12px 8px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border:none;
border-radius: 3px;
margin-bottom:20px;
padding-left:30px;
}
.tab-container {
width: 100%;
}
.tab-buttons {
display: flex;
border-bottom: 2px solid #e0e0e0;
margin-bottom: 16px;
}
.tab-button {
flex: 1;
padding: 14px 16px 10px;
background: #DCEAF5;
border: none;
border-bottom: 3px solid transparent;
cursor: pointer;
font-size:0.9rem;
font-weight: 500;
color: #666;
transition: all 0.3s;
}
.tab-button:hover {
color: #333;
background-color: #f5f5f5;
}
.tab-button.active {
color: #fff;
background: #257ec2;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border-radius: 8px;
font-weight: 600;
}
.tab-detail {
display: none;
}
.tab-detail.active {
display: block;
}
.twitter-link a:link,
.twitter-link a:visited,
.twitter-link a:active,
.twitter-link a:hover{
display: block;
color: #181B17;
width: 100%;
text-decoration : none;
}
.twitter-link{
font-size:0.95rem;
padding:10px 4px;
cursor: pointer;
border:solid #DBDCDB;
border-width:0 0 1px 0;
}
.twitter-link:first-of-type {
padding:4px;
}
.twitter-img{
max-width: 300px;
margin:0 auto;
height: auto;
width /***/:auto;　
vertical-align:text-bottom;
padding:18px;
text-align: center;
}
.twitter-link:hover{
background-color:#EBF2F8;
}
.twitter-img:hover{
opacity: 0.9;
}
.symbol{
font-family: "Segoe UI Emoji"; 
font-size:1.5rem;
color: #3B88C3;
}
.timestamp{
margin:0;
color : #898989;
text-align:right;
}
.reclink{
font-size :0.95rem; 
padding:14px 12px;
cursor: pointer;
border:solid #DBDCDB;
border-width:0 0 1px 0;
}
.reclink:hover{
background: #F0F7F9;
}
.reclink a, .reclink a:hover, .reclink a:active, .reclink a:visited{
display: block;
width: 100%;
height:100%;
text-decoration: none;
}
.rectheme{
font-size :0.95rem; 
padding:10px 8px;
cursor: pointer;
border:0;
}
.rectheme:hover{
background: #F0F7F9;
}
.rectheme a, .rectheme a:hover, .rectheme a:active, .rectheme a:visited{
display: block;
width: 100%;
height:100%;
text-decoration: none;
}
.twitter-feed,
.x-link,
.blog {
  border: 1px #F5F8FA;
  border-radius: 18px;
}
.twitter-feed,
.x-link {
  margin: 20px 0;
  background-color: #F5F8FA;
}
.blog {
  color: #333;
  background-color: #EAEAEA;
  margin-top: 0;
}
.twitter-head,
.x-head,
.blog-head {
  font-weight: bold;
  padding: 12px 8px 12px 20px;
}
.twitter-head,
.x-head {
  color: #257EC2;
  font-size: 1.2rem;
}
.blog-head {
  font-size: 1.1rem;
}
.twitter-head:before,
.blog-head:before {
  vertical-align: middle;
}
.twitter-head:before {
  content: url('https://img.gigafree.net/cat/baby-cat6.png');
  padding-right: 8px;
}
.blog-head:before {
  content: url('https://img.gigafree.net/cat/hacker-smile.png');
  padding-right: 11px;
}
.x-head:before {
  font-size: 1.3rem;
  content: "\e61b";
  font-family: 'Font Awesome 6 Brands';
  padding-right: 2px;
}
.x-link p,
.blog p {
  color: #111;
  padding: 0 20px 14px 20px;
}
.x-link p {
  margin: 0 0 14px 0;
}
.blog p {
  margin: 0;
}
.x-img,
.blogimg {
text-align: center;
padding: 0 20px;
}
.x-img img,
.blogimg img {
  border-radius: 10px;
}
.x-img img:hover,
.blogimg img:hover {
opacity: 0.8;
transform: scale(1.01);
transition-duration: 0.3s;
}
.amazon-pc{
color: #fff;
font-size: 1.0rem;
font-weight: bold;
text-align: center;
background: linear-gradient(90deg, #0a0a0a 0%, #131921 30%, #2a3a4a 50%, #131921 70%, #0a0a0a 100%);
background-size: 200% 100%;
background-position: left;
transition: background-position 0.5s ease;
box-shadow:
        0 4px 24px rgba(255,167,0,.18),
        0 1px 0   rgba(255,255,255,.04) inset;
border: 1px solid rgba(255,167,0,.35);
border-radius: 10px;
margin-top:15px;
padding:18px;
display: block;
}
.amazon-pc:before{
font-size: 1.6rem;
color: #fff;
content: "\f270";
font-family: 'Font Awesome 6 Brands';
padding-right: 12px;
}
.amazon-pc:link,
.amazon-pc:visited {
color: white;
text-decoration: none;
}
.amazon-pc:hover,
.amazon-pc:active,
.amazon-pc:focus {
color: #EBF1F6;
text-decoration: none;
background-position: right;
}
.rightmenu{
color:#232323;
border:solid;
border-color:#C8D9EB;
border-width:0 0 1px;
padding-left:4px;
padding-bottom:20px;
margin-top:20px;
box-shadow: 0 6px 20px -8px rgba(200,217,235,0.4) ;
}
.balloon {
width: 100%;
margin: 1.5em 0;
overflow: hidden;
}
.balloon .helpcat {
float: left;
margin-right: -150px;
width: 120px;
}
.balloon .helpcat img{
width: 100%;
height: auto;
}
.helpcat-name{
text-align: center;
color : #444;
font-size :0.75rem;
}
.balloon .chatting {
width: 100%;
}
.says {
display: inline-block;
position: relative; 
margin: 5px 0 0 150px;
padding: 20px;
background:#DEEBF5;
color : #222;
border:#ccc 2px solid;
border-radius: 10px;
background: #DEEBF5;
}
.says:before{
content: "";
position: absolute;
top: 50px;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #DEEBF5;
z-index: 2;
}
.says:after {
content: "";
position: absolute;
top: 50px;
left: -30px;
margin-top: -14px;
border: 14px solid transparent;
border-right: 14px solid #ccc;
z-index: 1;
}
.says p {
margin: 0;
padding: 0;
}
.announce{
color : #898989;
margin-bottom:6px;
}
.bottombox{
margin-top:24px;
margin-bottom:10;
}
.bottomlabel{
text-align:center;
margin-top:8px;
}
.bottombanner{
text-align:center;
margin:18px 0 28px 0;
}
.bottomama, .bottomama2{
font-size :0.90rem;
display: table;
table-layout: fixed;
padding:8px;
width: 100%;
}
.bottomrec{
display: table-cell;
font-size :0.95rem; 
padding:9px 8px;
cursor: pointer;
position: relative;
vertical-align: top;
}
.bottomrec:hover{
background: #F0F7F9;
}
.bottomrec a, .bottomrec a:hover, .bottomrec a:active, .bottomrec a:visited{
display: block;
width: 100%;
height:100%;
text-decoration: none;
}
.adslot_1{
width: 300px;
height: 250px;
}
.tab-content input[type="radio"] {
display: none;
}
.tab-content label {
display: inline-block;
padding: 8px;
font-weight: bold;
color: #fff;
text-align: center;
background-color: #8AB9DE;
cursor: pointer;
box-sizing: border-box;
text-shadow:1px 1px 2px #333;
width:49.1%;
}
.tab-content label:hover,
.tab-content input[type="radio"]:checked + label {
color: #fff;
background-color: #257EC2;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
}
.tab-content .tab-box {
width: 100%;
height: auto;
border: 0;
box-sizing: border-box;
padding-top:20px;
}
.tab-content > .tab-box > div {
display: none;
}
#tab1:checked ~ .tab-box > #tabView1 {
display: block;
}
#tab2:checked ~ .tab-box > #tabView2 {
display: block;
}
.twitter-timeline{
padding-left:6px !important;
height:800px !important;
width: 98% !important;
}
.newarrivals{
padding:9px 8px;
}
.newarrivals:hover{
background: #F0F7F9;
}
.sidetext{
font-size:0.85rem;
margin:4px 0 0 0;
color:#000;
}
.timestamp{
font-size:0.75rem;
margin:0;
color : #898989;
text-align:right;
}
.description{
font-size:0.9rem;
margin:4px 0 0 0;
color:#000;
}
.more{
text-align :center;
margin-top:20px;
padding:6px;
}
.more:before {
font-size : 1.1rem;
color: #fff;
content: "\f138";
font-family: "Font Awesome 6 Free";
padding:14px 8px 0 3px;
}
.bluebutton{
color: #fff;
font-size:0.85rem;
border-top: 1px solid #257ec2;
background: #257ec2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-shadow:1px 1px 2px #333;
text-decoration: none;
font-weight : bold;
vertical-align: middle;
padding: 10px 28px;
line-height:2.1rem;
}
.bluebutton:link, .bluebutton:visited{
text-decoration: none;
color: #fff;
}
.bluebutton:hover {
text-decoration: none;
border-top-color: #257ec2;
background: #4D92C3;
color: #fff;
}
.bluebutton:active {
text-decoration: none;
border-top-color: #257ec2;
background: #257ec2;
}
.bluebutton:before {
font-size : 1.1rem;
font-weight : normal;
color: #fff;
content: "\f138";
font-family: "Font Awesome 6 Free";
vertical-align: middle;
margin-right: 10px;
}
.detaili{
font-size: 0.84rem;
padding : 8px 6px 5px 8px;
background-color : #f6f6f6;
} 
.detaili2{
font-size: 0.84rem;
padding : 8px 6px 5px 8px;
}
#navi {
  font-size: 0.85rem;
  margin: 0 auto;
  position: relative;
  color: #ccc;
  background: #2E342D linear-gradient(-45deg, #333B32 25%, transparent 25%, transparent 50%, #333B32 50%, #333B32 75%, transparent 75%, transparent);
  background-size: 6px 6px;
  width: 100%;
  padding: 0 0 10px 22px;
}
#navi a:link,
#navi a:visited {
  color: #ccc;
}
#navi a:hover,
#navi a:active,
#navi a.main:link,
#navi a.main:visited {
  color: #fff;
}
#navi a.main:hover,
#navi a.main:active {
  color: #f5f5f5;
}
#navi dl {
  width: 15%;
  float: left;
  margin: 0 5px 10px 10px;
}
#navi dt {
  font-size: 0.95rem;
  font-weight: bold;
  padding: 0;
  margin: 10px 0 4px;
  color: #fff;
}
#navi dd {
  font-size: 0.85rem;
}
.splr{
text-align:center;
font-size:0.8rem;
color :#446477;
margin-top:12px;
margin-left:8px;
}
.bottomarea{
text-align:center;
margin:15px;
}
.sitenavi{
text-align:center;
padding:26px 16px 16px;
color:#fff;
}
.navi1{
}
.navi2{
clear:both;
font-size:0.9rem;
font-weight : bold;
text-align:center;
margin-top:20px;
}
.footernavi {
list-style: none;
line-height: 30px;
padding: 1px;
margin:0;
text-align: center;
}
ul.footernavi li{
display: inline-block;
height: 30px;
}
ul.footernavi li:before {
content: "-";
padding:8px;
}
ul.footernavi li:first-child:before{
display:none;
}
.footer{
margin-left:5px;
margin-top:20px;
text-align:center;
}
.copy {
font-weight: bold;
color :#ccc;
text-align:center;
margin-top:16px;
}
.reference{
font-weight : bold;
color :#40473F;
}
.gree {
color :#446477;
}
.annotate,
.note,
.mate,
.mike {
  display: inline-block;
  position: relative;
  background: #f0f0f0;
  color: #444;
  vertical-align: top;
  border: #ccc 2px solid;
  border-radius: 10px;
  padding: 20px 14px 14px 14px;
  margin: 8px 8px 14px 2px;
  width: 95%;
}
.annotate:before,
.note:before,
.mate:before,
.mike:before {
  position: absolute;
  padding: 2px 10px;
  top: -36px;
  left: 25px;
  text-align: center;
  background-color: transparent;
  line-height: 1;
}
.annotate:before {
  content: url('https://img.gigafree.net/cat/student-cat1.png');
}
.note:before {
  content: url('https://img.gigafree.net/cat/student-cat2.png');
}
.mate:before {
  content: url('https://img.gigafree.net/cat/student-cat5.png');
}
.mike:before {
  content: url('https://img.gigafree.net/cat/student-cat8.png');
}
.star_bar {
margin:16px 16px 0px 16px;
}
.star {
display: inline-block;
background: url("https://img.gigafree.net/icon/star.png") no-repeat;
width: 20px;
height: 20px;
}
.star_hover {
display: inline-block;
background: url("https://img.gigafree.net/icon/star.png") no-repeat;
background-position: 0 -20px;
width: 20px;
height: 20px;
}
.publisher {
margin-top:14px;
}
.publisher:before {
font-size : 1.0rem;
color: #A2A2A2;
content: "\f007";
font-family: "Font Awesome 6 Free";
padding-right:8px;
vertical-align: middle;
}
.localize:before {
font-size : 1.0rem;
color: #A2A2A2;
content: "\f1ab";
font-family: "Font Awesome 6 Free";
padding-right:8px;
vertical-align: middle;
}
.requirements:before {
font-size : 1.0rem;
color: #A2A2A2;
content: "\e4e5";
font-family: "Font Awesome 6 Free";
padding-right:8px;
vertical-align: middle;
}
.require {
color :#446477;
}
.version {
}
.version:before {
font-size : 1.0rem;
color: #A2A2A2;
content: "\f201";
font-family: "Font Awesome 6 Free";
padding-right:8px;
vertical-align: middle;
}
.verinfo, .releaseinfo, .sizeinfo {
color: #6F746E;
}
.release:before {
font-size : 1.0rem;
color: #A2A2A2;
content: "\f073";
font-family: "Font Awesome 6 Free";
padding-right:8px;
vertical-align: middle;
}
.filesize {
}
.filesize:before {
font-size : 1.0rem;
color: #A2A2A2;
content: "\f200";
font-family: "Font Awesome 6 Free";
padding-right:8px;
vertical-align: middle;
}
.price {
}
.price:before {
font-size : 1.0rem;
color: #A2A2A2;
content: "\f157";
font-family: "Font Awesome 6 Free";
padding-right:8px;
vertical-align: middle;
}
.emphasis {
display:inline-block;
font-weight: bold;
font-size:1.0rem;
color: #fff;
background: #257ec2;
padding:10px 20px;
margin-bottom:18px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border:none;
}
.bold{
font-weight: bold;
font-size:1.0rem;
color :#333B32;
text-decoration: #ccc wavy underline;
}
.accent {
font-weight: bold;
font-size:1.0rem;
color :#446477;
}
.ribbon {
display: inline-block;
position: relative;
padding: 14px 30px 12px 20px;
color: #fff;
font-weight: bold;
font-size: 1rem;
line-height: 1.4;
background-color: #257ec2;
border-radius: 8px 30px 30px 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.component{
padding:25px;
}
.grey {
color : #898989;
}
.dlannotate {
display: inline-block;
font-size:0.95rem;
color :#7D96AE;
margin:2px 6px 2px 10px;
padding:5px 6px 5px 10px;
background: linear-gradient(to right, #fff, #F0F7F9);
width:27%;
}
.sup {
font-size:0.81rem;
color: #636363;
font-weight: bold;
vertical-align: top;
position: relative;
top: -0.3em;
}
.asterisk {
font-weight: bold;
color: #636363;
border-bottom: 1px solid #ccc;
}
.asterisk:before {
content:"※"
}
.bgr {
background-color:#FDF2DE;
padding:2px; 
}
.red {
color : #730000;
} 
.blue {
color : #336699;
}
.yel{
background-color : #F5F5DC;
padding : 8px;
}
.em,
.marker {
background: linear-gradient(rgba(255, 255, 255, 0) 40%, #BFE1FC 70%);
font-weight: bold; 
}
.characteristic {
display:inline-block;
position: relative;
padding: 0 8px 3px 2px;
margin-bottom: 0.5rem;
color: #333;
background: linear-gradient(90deg, #2196F3 0%, #257EC2 100%);
background-repeat: no-repeat;
background-size: 100% 6px;
background-position: bottom;
font-weight: bold;
font-size: 1.01rem;
}
.hotkey{
background: #3E3E32;
color : #ECFCF3;
padding:2px 3px;
}
.spl{
font-size:0.8rem;
color:#717171;
}
.strike{
text-decoration:line-through;
}
.big{
font-size:1.4rem;
}
.intro{
color:#7E8388;
font-size:0.8rem;
margin-top:1px;
margin-right:12px;
text-align:right;
width:100%;
}
.appname{
padding-left: 4.0em;
text-indent: -4.0em;
}
.apptitle{
font-weight: bold;
font-size:1rem;
text-decoration : underline;
}
p.detail{
margin-top:0;
margin-bottom:18px;
}
ul, ul.mgn {
margin: 15px 0;
}
ul.mgn {
list-style: none;
padding-left: 30px;
margin-right: 0;
}
ul.mgn li {
padding: 10px 0;
border-bottom: dashed 1px #DCDCDC;
width: 97%;
}
ul.mgn li:last-child {
border: none;
}
ul.mgn li:before {
font-size: 1.1rem;
content: "●";
color: #333;
padding-right: 10px;
line-height: 1.8;
}
ul.mgn li ul.mgn li:before {
content: "〇";
color: #666;
}
ul.mgn li ul.mgn li ul.mgn li:before {
color: #777;
}
li > ul {
padding-left: 20px;
width: 100%;
}
ol, ol.mgn{
margin: 15px 0;
}
ol.main{
margin-top:26px;
margin-bottom:38px;
}
ol.main li::marker{
font-size: 24px;
color: #446477;
font-weight: bold;
font-family: Georgia, serif;
}
.feature li{
margin-bottom:10px;
}
.li, ol li {
padding-top:2px; 
padding-bottom:2px;
}
.nonestyle{
list-style-type:none;
}
.nonestyle li{
margin-top:10px;
margin-bottom:10px;
}
.scrnshot{
text-align:center;
margin-top:12px;
margin-bottom:12px;
}
.code{
background:#464741;
color:#F8F8F2;
margin:20px;
padding:20px;
border-radius: 5px;
}
.point {
position: relative;
padding:1.5em;
margin: 4em 0.3em 2em 0.5em;
background:#f0f0f0;
border: solid 2px #ccc;
border-radius: 0 14px 14px 14px;
}
.point .point-title {
position: absolute;
display: inline-block;
font-size : 1.05rem;
top: -40px;
left: -3px;
padding: 8px 20px 6px 20px;
line-height: 25px;
background: #257ec2;
color: #fff;
font-weight: bold;
border: solid 1px #C4DCEE;
border-radius: 5px 5px 0 0;
text-shadow:1px 1px 2px #333;
}
.point p {
margin:0;
padding: 0;
}
.movie-wrap {
position: relative;
padding-bottom: 56.25%;
margin-top:8px;
margin-bottom:8px;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.clearfix:after {
content:"."; 
display:block;
height:0.1px;
visibility:hidden;
font-size:0.1em;
line-height:0;
clear:both;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noel Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}


/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("https://www.gigafree.net/font/webfonts/fa-solid-900.woff2") format("woff2"), url("https://www.gigafree.net/font/webfonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://www.gigafree.net/font/webfonts/fa-brands-400.woff2") format("woff2"), url("https://www.gigafree.net/font/webfonts/fa-brands-400.ttf") format("truetype");
}
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}
.fas,
.fa-solid {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}
.fab,
.fa-brands {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400;
}
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}
.fas,
.fab,
.fa-solid,
.fa-brands,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fas::before,
.fab::before,
.fa-solid::before,
.fa-brands::before,
.fa::before {
  content: var(--fa);
}
.fa-rss,
.fa-x-twitter {
  color: #257EC2;
  font-size: 1.9rem;
}
.fa-rss {
  --fa: "\f09e";
}
.fa-x-twitter {
  --fa: "\e61b";
}
.fa-link,
.fa-life-ring {
  color: #257EC2;
  font-size: 1.1rem;
}
.fa-link {
  --fa: "\f0c1";
}
.fa-life-ring {
  --fa: "\f1cd";
}
.fa-heart {
  --fa: "\f004";
  padding-right: 8px;
}
  
@media screen and (max-width: 800px) {
html, body, #wrapper{
width:100%;
padding: 0px;
}
.intro{
width:98%;
}
.title{
float:none;
text-align: center;
padding:20px;
margin-left:auto;
margin-right:auto;
width:100%;
}
.topright{
float:none;
padding:20px;
margin-left:auto;
margin-right:auto;
width:100%;
}
.search, .search2{
padding:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
width:80%;
}
input#searchform, #searchform2{
width: 73%;
text-align:center;
}
#toparea, .topunit{
text-align:left;
}
.toplink{
align-content: space-between;
}
.category1{
display:block;
margin-bottom:22px;
}
.naviimg{
flex-basis:25%;
}
div.bord, div.bord2{
width:97%;
}
.left{
float:none;
border:none;
padding:0px;
width:100%;
}
#soft{
display:block;
font-size :0.9rem;
width:100%;
margin-bottom:15px;
}
.ss {
display:block;
text-align:center;
width:100%;
}
.out{
display:block;
width:100%;
margin-top:20px;
position: relative;
left:33%;
}
#ri {
float:none;
font-size:1.0rem;
margin-left:auto;
margin-right:auto;
margin-top:30px;
padding-left:0;
border-top:#D8D9D9 2px dashed;
width:93%;
}
.updates-scroll {
  max-height: 784px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 20px;
}
.updates-scroll::-webkit-scrollbar {
  width: 8px;
}
.updates-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.updates-scroll::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.updates-scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.rightgunit{
text-align: center;
margin-left: auto;
margin-right: auto;
border:solid;
border-color:#C8D9EB;
border-width:1px 0;
}
.skyama{
float:left;
border:none;
width:49%;
}
.skyama2{
float:right;
margin-top:98px;
width:49%;
}
.rightmenu{
clear:both;
}
.new1{
float:left;
width:49%;
}
.new2{
float:right;
width:49%;
}
.more{
clear:both;
padding-top:28px;
}
.adslot_1{
width: 336px;
height: 280px;
}
.twitter-timeline{
padding-left:0 !important;
width:100% !important;
height:400px !important;
}
.bottomama{
display: block;
}
.bottomrec{
display: block;
}
#navi{
font-size:0.9rem;
margin-left: auto;
margin-right: auto;
width:98%;
}
#navi dl{
width:45%;
}
}
@media screen and (max-width: 690px) {
.navileft{
float:none;
display: block;
width:100%;
}
.naviright{
float:none;
display: block;
width:100%;
}
.topunit{
height: auto;
}
.bookmark{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.above-caption{
height: auto;
}
.add_hatena, .add_twitter, .add_facebook, .add_mixi, .add_pocket{
float:none;
margin-bottom:6px;
}
.overview {
flex-direction: column;
align-items: center;
}
.out{
left:25%;
}
.download:after {
font-size :0.8rem;
}
.fea, .fea2{
display: none;
}
.outi, outi2{
width:100%;
}
.leftbox{
float:none;
width:100%;
}
.rightbox{
float:none;
width:100%;
}
.path tr{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.breadc tr{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.breadc2 tr{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.path td{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.breadc td{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.breadc2 td{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.adslot_1{
width: 300px;
height: 250px;
}
.skyama{
float:none;
width:100%;
}
.skyama2{
float:none;
width:100%;
margin-top:0;
}
.bottomama{
padding: 8px 8px 0 8px;
}
.bottomama2{
padding: 0 8px 8px 8px;
}
.new1{
float:none;
width:100%;
}
.new2{
float:none;
width:100%;
margin-top:10px;
}
.bottomarea{
display: none;
}
@media screen and (max-width: 480px){
.download:after {
content: "DL";
}
}