a:link {
text-decoration : underline; 
color : #3366cc; 
}
a.idx:link {
text-decoration : underline; 
color : #3366cc;
border : 1px solid #f4f6f7;
padding : 14px; 
}
a:visited {
text-decoration : underline;
color : #2e5d90;
}
a.idx:visited, a.idx:active {
text-decoration : underline;
border : 1px solid #f4f6f7;
padding : 14px; 
}
a:active {
text-decoration : underline; 
color : #cc66cc; 
}
a:hover {
text-decoration : underline; 
color : #204165; 
}
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) ;
}
.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%;
}
.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;
}
.category-icon:hover {
transform: translateY(-6px);
}
.search{
clear:both;
color : #121212;
margin-left:486px;
border-color: #fff;
border-collapse:collapse;
width:672px;
height: 38px;
padding:12px 8px 6px 0;
}
.search2{
margin-left:auto;
margin-right: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: 32px;!important;
border-radius: 5px;!important;
-moz-border-radius: 5px;!important;
-webkit-border-radius: 5px;!important;
-webkit-appearance: none;!important;
width:100%;!important;
}
.gsc-input {
padding-right: 7px!important;
}
.gsc-search-button {
position: relative;!important;
height: 8px;!important;
border-radius: 5px;!important;
-moz-border-radius: 5px;!important;
-webkit-border-radius: 5px;!important;
-o-border-radius: 5px;!important;
-ms-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;
}
svg {
visibility:hidden;!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: 90px;
}
#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 .sub{
list-style: none;
}
#toc .sub li:before {
color: #257EC2;
content: "\f101";
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 8px 30px 0;
height: 148px;
border-radius: 6px;
}
.third-box{
margin-left:auto;
margin-right: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:14px 8px 0 3px;
}
.download:after {
font-size : 1rem;
color: #fff;
content: "ダウンロード";
padding:0 0 0 3px;
}
.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;
width: auto;
height: auto;
padding: 3px 10px;
margin: 6px 4px;
background: #F5F5F5;
border-radius: 3px;
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5);
font: 15px/22px Helvetica, Arial, serif;
text-align: center;
color: #333;
}
.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;
}
.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{
background-color: #F5F8FA;
margin:20px 0 20px 0;
border: 1px #F5F8FA;
border-radius: 18px;
}
.twitter-head{
color: #257EC2;
font-weight : bold;
font-size:1.2rem;
padding:12px 8px;
padding-left:20px;
}
.twitter-head:before { 
font-size:1.3rem;
content: "\e61b";
font-family: 'Font Awesome 6 Brands';
padding:0 18px 0 0;
}
.blog {
color :#ccc;
-webkit-background-size: 6px 6px;
-moz-background-size: 6px 6px;
background-size: 6px 6px;
background-color: #2E342D;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #333B32), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #333B32),
            color-stop(.75, #333B32), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
border-radius: 18px;
margin-top:10px;
}
.blog-head{
font-weight : bold;
font-size:1.2rem;
padding:12px 8px 0 8px;
padding-left:20px;
}
.blogimg{
text-align:center;
padding:0;
}
.blog p{
margin-top:0;
padding:0 20px 20px 20px;
}
.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;
-webkit-background-size: 6px 6px;
-moz-background-size: 6px 6px;
background-size: 6px 6px;
background-color: #2E342D;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #333B32), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #333B32),
            color-stop(.75, #333B32), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
width:100%;
padding-left:22px;
padding-bottom:10px;
}
#navi a:link,
#navi a:visited {
color:#ccc;
}
#navi a.main:link,
#navi a.main:visited {
color:#fff;
}
#navi a:hover,
#navi a:active {
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-top:10px;
margin-bottom: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 {
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{
position: absolute;
content: url('https://img.gigafree.net/cat/student-cat1.png');
padding: 2px 10px;
top: -36px;
left: 25px;
text-align: center;    
background-color: transparent;
line-height: 1;
}
.note {
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%;
}
.note:before{
position: absolute;
content: url('https://img.gigafree.net/cat/student-cat2.png');
padding: 2px 10px;
top: -36px;
left: 25px;
text-align: center;    
background-color: transparent;
line-height: 1;
}
.mate {
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%;
}
.mate:before{
position: absolute;
content: url('https://img.gigafree.net/cat/student-cat5.png');
padding: 2px 10px;
top: -36px;
left: 25px;
text-align: center;    
background-color: transparent;
line-height: 1;
}
.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 {
background: linear-gradient(rgba(255, 255, 255, 0) 40%, #BFE1FC 70%);
font-weight: bold; 
}
.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;
}
.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';
}
:root, :host {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}
.fas,
.fa-solid {
  font-weight: 900;
}
.fab,
.fa-brands {
  font-weight: 400;
}
.fas,
.fa-solid {
font-family: 'Font Awesome 6 Free'; 
}
.fa-brands,
.fab {
font-family: 'Font Awesome 6 Brands';
}
.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: "\f09e";
color :#257EC2;
font-size : 1.9rem;
}
.fa-x-twitter {
--fa: "\e61b";
color :#257EC2;
font-size : 1.9rem;
}
.fa-link {
--fa: "\f0c1";
color :#257EC2;
font-size : 1.1rem;
}
.fa-life-ring {
--fa: "\f1cd";
color :#257EC2;
font-size : 1.1rem;
}
.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%;
}
.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";
}
}