@charset "UTF-8";
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
 .slick-loading .slick-list {
background: #fff url(https://g-set.net/wp-content/themes/cocoon-master/plugins/slick/ajax-loader.gif) center center no-repeat; } @font-face {
font-family: "slick";
src: url(https://g-set.net/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.eot);
src: url(https://g-set.net/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://g-set.net/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.woff) format("woff"), url(https://g-set.net/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.ttf) format("truetype"), url(https://g-set.net/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal; } .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
font-family: FontAwesome;
content: "\f053"; }
[dir="rtl"] .slick-prev:before {
font-family: FontAwesome;
content: "\f054"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
font-family: FontAwesome;
content: "\f054"; }
[dir="rtl"] .slick-next:before {
font-family: FontAwesome;
content: "\f053"; } .slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }body{
background-color: #eceef8;
} .navi .navi-in>.menu-header .sub-menu {
background-color: #2b2c48;
}
.navi .navi-in a{
color: #fbfcfe;
}
.navi .navi-in a:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.header-container{
color: #fff;
background-color: #2b2c48;
}
.navi{
background-color: transparent;
}
.site-name-text-link,
.site-name-text-link:hover{
color: #fff;
}  .a-wrap { -webkit-transition: all .5s;
transition: all .5s;
}
.a-wrap:not(.prev-post, .next-post, .prev-next-home) {
border-radius: 4px;
} .a-wrap .blogcard {
border-color: #7086aa;
} .a-wrap:hover {
background-color: #dee5f3;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.24); }
.ecb-entry-border .entry-card-wrap,
.recb-entry-border .related-entry-card-wrap,
.tagcloud a,
.author-box,
.comment-reply-link,
.ranking-item{
border-color: #7086aa;
}  .article .toc{
margin: 15px auto;
border:none;
} .toc-title {
padding: .1em 3em;
border-top:1px solid #d3d6db;
border-bottom:1px solid #d3d6db;
border-radius: 4px;
font-size: 130%;
background-image: linear-gradient(
45deg,
#19295a 0%,
#19295a 15%,
#d3d6db 15%,
#d3d6db 70%,
transparent 0
),
linear-gradient(
-45deg,
#19295a 0%,
#19295a 15%,
#d3d6db 15%,
#d3d6db 70%,
transparent 0
);
} .article .toc .toc-content{
margin:2px 0px;
padding: .2em 1em 1em;
border:1px solid #d3d6db;
border-radius: 4px;
background-image: linear-gradient(45deg, #d3d6db 5%, transparent 0),
linear-gradient(-45deg, #d3d6db 5%, transparent 0);
} .article h2 {
padding: .6em 1em;
background-color:#19295a;
border-right: 10px solid #d3d6db;
border-left: 30px double #d3d6db;
border-radius: 7px;
color: #f5f3f3;
position: relative;
}
.article h2:after {
position: absolute;
left: -10px;
bottom: 0;
content: '';
height: 100%;
border-left: 10px solid #fbfcfe;
} .article h3 {
padding: .4em 3em;
border:1px solid #d3d6db;
border-radius: 4px;
background-image: repeating-linear-gradient(
45deg,
#19295a 0%,
#19295a 7%,
#fbfcfe 7%,
#fbfcfe 8%,
#19295a 8%,
#19295a 9%,
#d3d6db 9%,
#d3d6db 91%,
#19295a 91%,
#19295a 92%,
#fbfcfe 92%,
#fbfcfe 93%,
#19295a 93%,
#19295a
);
} .article h4 {
position: relative;
padding: 0 0 2px 32px;
border:none;
border-bottom: 2px solid #19295a;
} .article h4:before, .article h4:after {
content: "";
position: absolute;
bottom: 0;
width: 12px;
height: 12px;
border: 2px solid #19295a;
margin: auto;
}
.article h4:before {
top: -20px;
left: 0px;
}
.article h4:after {
top: -8px;
left: 6px;
} .article h5 {
border-top: none;
border-bottom: solid 2px #d3d6db;
position: relative;
} .article h5:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #19295a;
bottom: -3px;
left: -3px;
width: 15%;
} .article h6 {
position: relative;
padding: 0 0 2px 32px;
border-bottom: 1px solid #19295a;
} .article h6:after {
position: absolute;
top: 5px;
left: 4px;
z-index: 2;
content: '';
width: 12px;
height: 12px;
background-color: #19295a;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .sidebar h2,
.sidebar h3 {
color: #282d48;
background:none;
position: relative;
padding: 10px 0 2px 28px;
border-bottom: 6px double #282d48;
}
.sidebar h2:before, .sidebar h2:after,
.sidebar h3:before, .sidebar h3:after {
content: "";
position: absolute;
margin: auto;
}
.sidebar h2::before,
.sidebar h3:before {
width: 12px;
height: 12px;
top: 0;
left: 14px;
background: #282d48;
transform: rotate(50deg);
}
.sidebar h2::after,
.sidebar h3:after {
width: 8px;
height: 8px;
top: 18px;
left: 6px;
background: #19295a;
transform: rotate(20deg);
}  .search-edit,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea, select {
border-radius: 5px;
} input[type='submit'] {
background: linear-gradient(#19295a 0% , #3f4a8c  100%);
color: #fff;
font-size: 22px;
border:none;
border-radius: 5px;
} .pager-post-navi:not(.post-navi-square) a.prev-post {
margin-bottom: 8px;
}  @-webkit-keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 110%;
height: 375px;
}
}
@keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 110%;
height: 375px;
}
}
@-webkit-keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 110%;
height: 375px;
}
}
@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 110%;
height: 375px;
}
} .pagination-next-link {
color: #fbfcfe;
background-color: #19295a;
border-top: 1px solid #d3d6db;
border-right: 8px solid #d3d6db;
border-bottom: 1px solid #d3d6db;
border-left: 8px solid #d3d6db;
border-radius: 7px;
} .pagination-next a{
position: relative;
display: block;
overflow: hidden;
width: 100%;
}
.pagination-next a:before, .pagination-next a:after {
position: absolute;
top: 50%;
content: '';
width: 20px;
height: 20px;
background-color: #d3d6db;
border-radius: 50%;
box-sizing: border-box;
transition: 0.5s ease-in-out;
z-index: -1;
}
.pagination-next a:before {
left: -20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pagination-next a:after {
right: -20px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.pagination-next a:hover {
position: relative;
background-color: #19295a;
z-index:100;
color: #19295a;
}
.pagination-next a:hover:before {
-webkit-animation: criss-cross-left 0.8s both;
animation: criss-cross-left 0.8s both;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
.pagination-next a:hover:after {
-webkit-animation: criss-cross-right 0.8s both;
animation: criss-cross-right 0.8s both;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} .page-numbers {
background-color: #d3d6db;
border-radius: 99px;
border: 2px solid #19295a;
}
.page-prev-next{
border-radius: 5px;
} .pagination .current{
color: #fbfcfe;
background-color: #19295a;
border: 2px solid #d3d6db;
border-radius: 50%;
} #container .sns-buttons a{
background-color: #19295a;
color: #fff;
border: 0;
} .boxwt-red,
.boxwt-green,
.boxwt-blue,
.boxwt-brown,
.boxwt-purple {
position: relative;
margin: 2em 0;
border-radius: 8px;
}
.boxwt-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
font-weight: bold;
}
.boxwt-red ul,
.boxwt-green ul,
.boxwt-blue ul,
.boxwt-brown ul,
.boxwt-purple ul {
margin: 1.5em 0 1em 0;
}
.boxwt-red ul li,
.boxwt-green ul li,
.boxwt-blue ul li,
.boxwt-brown ul li,
.boxwt-purple ul li {
line-height: 1.2;
padding: 0.5em;
list-style-type: none!important;
}
.boxwt-red ul li:before,
.boxwt-green ul li:before,
.boxwt-blue ul li:before,
.boxwt-brown ul li:before,
.boxwt-purple ul li:before {
font-family: FontAwesome;
content: "\f00c";
position: absolute;
left : 1em;
}
.boxwt-red p,
.boxwt-green p,
.boxwt-blue p,
.boxwt-brown p,
.boxwt-purple p {
margin: 1em;
} .boxwt-red {
border: solid 3px #BF1E56;
}
.boxwt-red .boxwt-title {
color: #BF1E56;
}
.boxwt-red ul li:before {
color: #BF1E56;
} .boxwt-green {
border: solid 3px #009C7F;
}
.boxwt-green .boxwt-title {
color: #009C7F;
}
.boxwt-green ul li:before {
color: #009C7F;
} .boxwt-blue {
border: solid 3px #2962AD;
}
.boxwt-blue .boxwt-title {
color: #2962AD;
}
.boxwt-blue ul li:before {
color: #2962AD;
} .boxwt-brown {
border: solid 3px #D6431B;
}
.boxwt-brown .boxwt-title {
color: #D6431B;
}
.boxwt-brown ul li:before {
color: #D6431B;
} .boxwt-purple {
border: solid 3px #9A2475;
}
.boxwt-purple .boxwt-title {
color: #9A2475;
}
.boxwt-purple ul li:before {
color: #9A2475;
} table th, .scrollable-table th {
color:#f5f3f3;
background: linear-gradient(#282d48 0% , #4d5aa2 100%);
} table tr:nth-of-type(2n) {
background-color:#d3d6db;
} table tr:nth-of-type(2n+1) {
background-color:#fbfcfe;
}  @media screen and (max-width: 480px){
.article h2{
padding: .6em 0.2em;
}
.article h3{
padding: .4em 1em;
}
} .font-awesome-5 .boxwt-red ul li:before,
.font-awesome-5 .boxwt-green ul li:before,
.font-awesome-5 .boxwt-blue ul li:before,
.font-awesome-5 .boxwt-brown ul li:before,
.font-awesome-5 .boxwt-purple ul li:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
}