ul.share-buttons {
    list-style:none;
    padding:0
}
ul.share-buttons li {
    display:inline
}
ul.share-buttons img {
    width:32px
}
.btn {
    border:none;
    cursor:pointer;
    outline:0!important;
    text-decoration:none!important;
    transition:.3s;
    box-sizing:border-box
}
.btn-white {
    background:#fff
}
[class$="_ftg"],[class*="_ftg "] {
    border-radius:50%;
    display:inline-block;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
    padding:8px;
    box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)
}
[class$="_ftg"]:active,[class*="_ftg "]:active {
    box-shadow:0 1px 2px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24)
}
[class$="_ftg"]:disabled,[class*="_ftg "]:disabled {
    box-shadow:none;
    cursor:not-allowed
}
a[class$="_ftg"],a[class*="_ftg "] {
    display:-webkit-inline-flex;
    display:inline-flex
}
[class$="_rsd"],[class*="_rsd "] {
    box-shadow:0 1px 2px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24)
}
[class$="_rsd"]:active,[class*="_rsd "]:active {
    box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)
}
[class$="_rsd"]:disabled,[class*="_rsd "]:disabled {
    box-shadow:none;
    cursor:not-allowed
}
[class$="_flt"],[class*="_flt "] {
    background:0 0
}
[class$="_flt"]:disabled,[class*="_flt "]:disabled {
    cursor:not-allowed;
    background:0 0
}
.post-box {
    background-color:#fff;
    padding:10px;
    margin-bottom:10px
}
#page-top {
    position:fixed;
    z-index:9999;
    bottom:20px;
    right:15px;
    font-size:13px
}
#page-top a {
    width:35px;
    height:35px;
    background:rgba(102,102,102,.5);
    text-decoration:none;
    color:#fff;
    padding:10px;
    text-align:center;
    display:block;
    border-radius:50%;
    -moz-box-shadow:0 0 5px #ccc;
    -webkit-box-shadow:0 0 5px #ccc;
    -moz-opacity:.8;
    opacity:.8
}
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
body {
    margin:0
}
footer {
    display:block
}
[hidden] {
    display:none
}
a {
    background-color:transparent
}
a:active,a:hover {
    outline:0
}
b {
    font-weight:700
}
h1 {
    margin:.67em 0;
    font-size:2em
}
img {
    border:0
}
svg:not(:root) {
    overflow:hidden
}
hr {
    height:0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
button,input,select {
    margin:0;
    font:inherit;
    color:inherit
}
button {
    overflow:visible
}
button,select {
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled] {
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
    padding:0;
    border:0
}
input {
    line-height:normal
}
input[type=checkbox],input[type=radio] {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height:auto
}
input[type=search] {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print {
    *,:after,:before {
        color:#000!important;
        text-shadow:none!important;
        background:0 0!important;
        -webkit-box-shadow:none!important;
        box-shadow:none!important
    }
    a,a:visited {
        text-decoration:underline
    }
    a[href]:after {
        content:" (" attr(href) ")"
    }
    a[href^="#"]:after,a[href^="javascript:"]:after {
        content:""
    }
    img {
        page-break-inside:avoid
    }
    img {
        max-width:100%!important
    }
    h2,h3,p {
        orphans:3;
        widows:3
    }
    h2,h3 {
        page-break-after:avoid
    }
}
@font-face {
    font-family:'Glyphicons Halflings';
    src:url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.eot);
    src:url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.woff) format('woff'),url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon {
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.glyphicon-pencil:before {
    content:"\270f"
}
.glyphicon-search:before {
    content:"\e003"
}
.glyphicon-play-circle:before {
    content:"\e029"
}
.glyphicon-list-alt:before {
    content:"\e032"
}
.glyphicon-text-height:before {
    content:"\e050"
}
.glyphicon-text-width:before {
    content:"\e051"
}
.glyphicon-align-left:before {
    content:"\e052"
}
.glyphicon-align-center:before {
    content:"\e053"
}
.glyphicon-align-right:before {
    content:"\e054"
}
.glyphicon-list:before {
    content:"\e056"
}
.glyphicon-share:before {
    content:"\e066"
}
.glyphicon-play:before {
    content:"\e072"
}
.glyphicon-share-alt:before {
    content:"\e095"
}
.glyphicon-link:before {
    content:"\e144"
}
.glyphicon-new-window:before {
    content:"\e164"
}
.glyphicon-copy:before {
    content:"\e205"
}
.glyphicon-scale:before {
    content:"\e230"
}
.glyphicon-text-color:before {
    content:"\e242"
}
.glyphicon-text-background:before {
    content:"\e243"
}
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
:after,:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html {
    font-size:10px;
    -webkit-tap-highlight-color:transparent
}
body {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family:-apple-system,BlinkMacSystemFont,"Hiragino sans","Hiragino Kaku Gothic Pro W6",Meiryo,sans-serif;
    font-size:14px;
    line-height:1.65;
    color:#222;
    background-color:#fff
}
button,input,select {
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
/*#0268cc*/
a {
    color:#1558d6;
    text-decoration:none
}
a:focus,a:hover {
    color:#1558d6;
    text-decoration:underline
}
a:focus {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
img {
    vertical-align:middle
}
.img-responsive {
    display:block;
    max-width:100%;
    height:auto
}
.img-circle {
    border-radius:50%
}
hr {
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #eee
}
[role=button] {
    cursor:pointer
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family:inherit;
    font-weight:500;
    line-height:1.5;
    color:inherit
}
.h1,.h2,.h3,h1,h2,h3 {
    margin-top:20px;
    margin-bottom:10px
}
.h4,.h5,.h6,h4,h5,h6 {
    margin-top:10px;
    margin-bottom:10px
}
.h1,h1 {
    font-size:36px
}
.h2,h2 {
    font-size:30px
}
.h3,h3 {
    font-size:24px
}
.h4,h4 {
    font-size:18px
}
.h5,h5 {
    font-size:14px
}
.h6,h6 {
    font-size:12px
}
p {
    margin:0 0 10px
}
.text-left {
    text-align:left
}
.text-right {
    text-align:right
}
.text-center {
    text-align:center
}
.text-primary {
    color:#337ab7
}
a.text-primary:focus,a.text-primary:hover {
    color:#286090
}
ul {
    margin-top:0;
    margin-bottom:10px
}
ul ul {
    margin-bottom:0
}
.list-inline {
    padding-left:0;
    margin-left:-5px;
    list-style:none
}
.list-inline>li {
    display:inline-block;
    padding-right:5px;
    padding-left:5px
}
.container {
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:768px) {
    .container {
        width:750px
    }
}
@media (min-width:992px) {
    .container {
        width:970px
    }
}
@media (min-width:1200px) {
    .container {
        width:1170px
    }
}
.row {
    margin-right:-15px;
    margin-left:-15px
}
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float:left
}
.col-xs-12 {
    width:100%
}
.col-xs-11 {
    width:91.66666667%
}
.col-xs-10 {
    width:83.33333333%
}
.col-xs-9 {
    width:75%
}
.col-xs-8 {
    width:66.66666667%
}
.col-xs-7 {
    width:58.33333333%
}
.col-xs-6 {
    width:50%
}
.col-xs-5 {
    width:41.66666667%
}
.col-xs-4 {
    width:33.33333333%
}
.col-xs-3 {
    width:25%
}
.col-xs-2 {
    width:16.66666667%
}
.col-xs-1 {
    width:8.33333333%
}
.col-xs-push-12 {
    left:100%
}
.col-xs-push-11 {
    left:91.66666667%
}
.col-xs-push-10 {
    left:83.33333333%
}
.col-xs-push-9 {
    left:75%
}
.col-xs-push-8 {
    left:66.66666667%
}
.col-xs-push-7 {
    left:58.33333333%
}
.col-xs-push-6 {
    left:50%
}
.col-xs-push-5 {
    left:41.66666667%
}
.col-xs-push-4 {
    left:33.33333333%
}
.col-xs-push-3 {
    left:25%
}
.col-xs-push-2 {
    left:16.66666667%
}
.col-xs-push-1 {
    left:8.33333333%
}
.col-xs-push-0 {
    left:auto
}
@media (min-width:768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }
    .col-sm-12 {
        width:100%
    }
    .col-sm-11 {
        width:91.66666667%
    }
    .col-sm-10 {
        width:83.33333333%
    }
    .col-sm-9 {
        width:75%
    }
    .col-sm-8 {
        width:66.66666667%
    }
    .col-sm-7 {
        width:58.33333333%
    }
    .col-sm-6 {
        width:50%
    }
    .col-sm-5 {
        width:41.66666667%
    }
    .col-sm-4 {
        width:33.33333333%
    }
    .col-sm-3 {
        width:25%
    }
    .col-sm-2 {
        width:16.66666667%
    }
    .col-sm-1 {
        width:8.33333333%
    }
    .col-sm-push-12 {
        left:100%
    }
    .col-sm-push-11 {
        left:91.66666667%
    }
    .col-sm-push-10 {
        left:83.33333333%
    }
    .col-sm-push-9 {
        left:75%
    }
    .col-sm-push-8 {
        left:66.66666667%
    }
    .col-sm-push-7 {
        left:58.33333333%
    }
    .col-sm-push-6 {
        left:50%
    }
    .col-sm-push-5 {
        left:41.66666667%
    }
    .col-sm-push-4 {
        left:33.33333333%
    }
    .col-sm-push-3 {
        left:25%
    }
    .col-sm-push-2 {
        left:16.66666667%
    }
    .col-sm-push-1 {
        left:8.33333333%
    }
    .col-sm-push-0 {
        left:auto
    }
}
@media (min-width:992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }
    .col-md-12 {
        width:100%
    }
    .col-md-11 {
        width:91.66666667%
    }
    .col-md-10 {
        width:83.33333333%
    }
    .col-md-9 {
        width:75%
    }
    .col-md-8 {
        width:66.66666667%
    }
    .col-md-7 {
        width:58.33333333%
    }
    .col-md-6 {
        width:50%
    }
    .col-md-5 {
        width:41.66666667%
    }
    .col-md-4 {
        width:33.33333333%
    }
    .col-md-3 {
        width:25%
    }
    .col-md-2 {
        width:16.66666667%
    }
    .col-md-1 {
        width:8.33333333%
    }
    .col-md-push-12 {
        left:100%
    }
    .col-md-push-11 {
        left:91.66666667%
    }
    .col-md-push-10 {
        left:83.33333333%
    }
    .col-md-push-9 {
        left:75%
    }
    .col-md-push-8 {
        left:66.66666667%
    }
    .col-md-push-7 {
        left:58.33333333%
    }
    .col-md-push-6 {
        left:50%
    }
    .col-md-push-5 {
        left:41.66666667%
    }
    .col-md-push-4 {
        left:33.33333333%
    }
    .col-md-push-3 {
        left:25%
    }
    .col-md-push-2 {
        left:16.66666667%
    }
    .col-md-push-1 {
        left:8.33333333%
    }
    .col-md-push-0 {
        left:auto
    }
}
input[type=search] {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
input[type=checkbox],input[type=radio] {
    margin:4px 0 0;
    line-height:normal
}
input[type=file] {
    display:block
}
input[type=range] {
    display:block;
    width:100%
}
select[multiple],select[size] {
    height:auto
}
input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.form-control {
    display:block;
    width:100%;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus {
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
    color:#999;
    opacity:1
}
.form-control:-ms-input-placeholder {
    color:#999
}
.form-control::-webkit-input-placeholder {
    color:#999
}
.form-control[disabled],.form-control[readonly] {
    background-color:#eee;
    opacity:1
}
.form-control[disabled] {
    cursor:not-allowed
}
input[type=search] {
    -webkit-appearance:none
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
        line-height:34px
    }
    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
        line-height:30px
    }
}
.form-group {
    margin-bottom:15px
}
input[type=checkbox][disabled],input[type=radio][disabled] {
    cursor:not-allowed
}
.input-sm {
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
select.input-sm {
    height:30px;
    line-height:30px
}
select[multiple].input-sm {
    height:auto
}
.form-group-sm .form-control {
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.form-group-sm select.form-control {
    height:30px;
    line-height:30px
}
.form-group-sm select[multiple].form-control {
    height:auto
}
@media (min-width:768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .form-control {
        display:inline-block;
        width:auto;
        vertical-align:middle
    }
    .form-inline .input-group {
        display:inline-table;
        vertical-align:middle
    }
    .form-inline .input-group .form-control,.form-inline .input-group .input-group-btn {
        width:auto
    }
    .form-inline .input-group>.form-control {
        width:100%
    }
}
.btn {
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px
}
.btn:active.focus,.btn:active:focus,.btn:focus {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.btn:focus,.btn:hover {
    color:#333;
    text-decoration:none
}
.btn:active {
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn[disabled] {
    cursor:not-allowed;
    -webkit-box-shadow:none;
    box-shadow:none;
    opacity:.65
}
.btn-primary {
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4
}
.btn-primary:focus {
    color:#fff;
    background-color:#286090;
    border-color:#122b40
}
.btn-primary:hover {
    color:#fff;
    background-color:#286090;
    border-color:#204d74
}
.btn-primary:active {
    color:#fff;
    background-color:#286090;
    border-color:#204d74
}
.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover {
    color:#fff;
    background-color:#204d74;
    border-color:#122b40
}
.btn-primary:active {
    background-image:none
}
.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover {
    background-color:#337ab7;
    border-color:#2e6da4
}
.btn-link {
    font-weight:400;
    color:#337ab7;
    border-radius:0
}
.btn-link,.btn-link:active,.btn-link[disabled] {
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color:transparent
}
.btn-link:focus,.btn-link:hover {
    color:#23527c;
    text-decoration:underline;
    background-color:transparent
}
.btn-link[disabled]:focus,.btn-link[disabled]:hover {
    color:#777;
    text-decoration:none
}
.btn-group-sm>.btn,.btn-sm {
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.btn-group-xs>.btn,.btn-xs {
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.btn-block {
    display:block;
    width:100%
}
.btn-block+.btn-block {
    margin-top:5px
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width:100%
}
.btn-group {
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.btn-group>.btn {
    position:relative;
    float:left
}
.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index:2
}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left:-1px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius:0
}
.btn-group>.btn:first-child {
    margin-left:0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-group>.btn:last-child:not(:first-child) {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.btn-group>.btn-group {
    float:left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius:0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position:absolute;
    clip:rect(0,0,0,0);
    pointer-events:none
}
.input-group {
    position:relative;
    display:table;
    border-collapse:separate
}
.input-group[class*=col-] {
    float:none;
    padding-right:0;
    padding-left:0
}
.input-group .form-control {
    position:relative;
    z-index:2;
    float:left;
    width:100%;
    margin-bottom:0
}
.input-group-sm>.form-control,.input-group-sm>.input-group-btn>.btn {
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
select.input-group-sm>.form-control,select.input-group-sm>.input-group-btn>.btn {
    height:30px;
    line-height:30px
}
select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-btn>.btn {
    height:auto
}
.input-group .form-control,.input-group-btn {
    display:table-cell
}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
    border-radius:0
}
.input-group-btn {
    width:1%;
    white-space:nowrap;
    vertical-align:middle
}
.input-group .form-control:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group .form-control:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.input-group-btn {
    position:relative;
    font-size:0;
    white-space:nowrap
}
.input-group-btn>.btn {
    position:relative
}
.input-group-btn>.btn+.btn {
    margin-left:-1px
}
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    z-index:2
}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right:-1px
}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    z-index:2;
    margin-left:-1px
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position:40px 0
    }
    to {
        background-position:0 0
    }
}
@-o-keyframes progress-bar-stripes {
    from {
        background-position:40px 0
    }
    to {
        background-position:0 0
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position:40px 0
    }
    to {
        background-position:0 0
    }
}
.list-group {
    padding-left:0;
    margin-bottom:20px
}
.container:after,.container:before,.row:after,.row:before {
    display:table;
    content:" "
}
.container:after,.row:after {
    clear:both
}
.center-block {
    display:block;
    margin-right:auto;
    margin-left:auto
}
.hidden {
    display:none!important
}
@media (max-width:767px) {
    .hidden-xs {
        display:none!important
    }
}
@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}
body {
    font-family:'Noto Sans JP',sans-serif;
    font-weight:400;
    color:#0f1111;
    letter-spacing:.03em
}
.post-title {
    font-size:15px
}
.post-date {
    font-size:12px
}

/* レスポンシブ画像 */
.img-responsive {
    max-width: 100%;
    height: auto;
}

/* 汎用的なアイコンスタイル */
.icon-gray {
    width: 16px;
    height: 16px;
    filter: grayscale(100%);
    vertical-align: bottom;
    margin-top: 0px; /* 改行したときの上 */
}


.btn-new-post {
    float:right;
    margin-top:10px;
    margin-right:10px;
    background-color:#5cb85c;
    color:#fff;
    border-color:#4cae4c
}
.btn-new-post:hover {
    background-color:#449d44;
    border-color:#398439
}
.post-box {
    padding:0px;
    margin-bottom:20px
}

/* hrの上下*/
.post-row {
    padding:10px 0
}
.post-row:last-child {
    border-bottom:none
}

/* pos左側 */
.post-content {
    margin-left:0px
}
.post-title {
    font-size:16px;
    font-weight:400;
    margin-bottom:8px;
    line-height:1.4
}
.post-title a {
    color:#1558d6;
    text-decoration:none
}
.post-title a:hover {
    color:#0056b3;
    text-decoration:underline
}
/* 投稿メタ情報コンテナ (キーワード、カウンター、日付) 新デザイン*/
.post-meta-container {
    margin-top: 5px !important;/*タイトルとキーワードボタンの余白*/
    font-size: 0.85em !important;
    color: #333 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

/* キーワードとカウンターの左側ブロック */
.post-meta-left {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* キーワードのラッパー */
.keyword-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin-right: 10px !important;
}

/* カウンターアイコンとその値のラッパー */
.counter-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* 個々のアイコンアイテム */
.icon-item {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* カウンター内のアイコン */
.icon-item img {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle!important;
    margin-right: 3px !important;
}
/* カウンター全体 */
.counter-wrapper {
    display: inline-block; /* または inline-flex */
    margin-top: 5px; /* スマホでの改行時にキーワードとのスペースを確保 */
}
/* 日付表示部分（右側） */
.post-meta-right {
    flex-shrink: 0 !important;
    margin-left: auto !important;
}

/* 日付と「投稿/返信」ラベル */
.post-date {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 1em !important;
}

/* 青と緑の四角のスタイル (二重表示対策も含む) */
.post-label-square {
    display: inline-block !important;
    font-size: 0.8em !important; /* ■の文字サイズ */
    line-height: 1 !important;
    margin-right: 5px !important;
    transform: scale(1.2) !important; /* ■を少し大きくする */
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    box-sizing: border-box !important;

    /* ★★★ ここを修正 ★★★ */
    /* position: relative と top は削除またはコメントアウト */
    vertical-align: -0.1em !important; /* 0.1em (約1.6px) だけ下に移動 */
    /* または vertical-align: -1px !important; を試す */
}

.post-label-square.post {
    background-color: transparent !important;
    color: #1558d6 !important;
}
.post-label-square.reply {
    background-color: transparent !important;
    color: #28a745 !important;
}

/* 時刻部分の文字を太くする */
.post-date-text {
    font-weight: bold !important;
}

/* 時刻部分の文字を太くする */
.post-date-text {
    font-weight: bold !important;
}

.my-1 {
    margin-top:.25rem!important;
    margin-bottom:.25rem!important
}
.border-secondary {
    border-color:#e0e0e0!important
}

/* 各投稿アイテム間の間隔 */
.list-unstyled > li {
    margin-bottom: 5px !important;
}
/* キーワードボタンのスタイル */
.keyword .btn-custom-slim {
    display: inline-block !important;
    padding: 2px 6px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    color: #333333 !important;
    background-color: #f0f0f0 !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}
.keyword .btn-custom-slim:hover {
    background-color: #d6ebff !important;
    border-color: #aaddff !important;
    color: #0056b3 !important;
}

.keyword-top10-block {
    margin-top:0;
    margin-bottom:20px;
    background-color:#fbfbfb;
    padding:10px;
    border-radius:4px;
    height:auto;
    min-height:auto
}
.keyword-top10-block h2,.keyword-top10-block ul li p {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.keyword-top10-header {
    background-color:#3ba1c0;
    border-radius:4px;
    color:#fff;
    margin-bottom:5px;
    padding:5px 0 3px 0
}
.keyword-top10-block h2 {
    padding-top:0;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:0;
    background-color:#3ba1c0;
    color:#fff;
    border-radius:4px;
    margin-bottom:0;
    margin-top:0;
    line-height:1.2;
    width:100%
}
.keyword-top10-block h2 span {
    font-size:16px;
    vertical-align:middle;
    margin-right:5px;
    margin-left:5px;
    color:gold
}
.ranking-filter-tabs {
    display:flex;
    margin-bottom:5px;
    border-bottom:1px solid #eee
}
.filter-tab-button {
    background-color:#ffffff;
    border:1px solid #ccc;
    border-bottom:none;
    padding:2px 15px;
    cursor:pointer;
    font-weight:none;
    color:#555;
    border-radius:5px 5px 0 0;
    margin-right:5px;
    transition:background-color .3s ease;
    outline:0
}
.filter-tab-button:hover {
    background-color:#e0e0e0
}
.filter-tab-button.active {
    background-color:#fff!important;
    border-color:#345777;
    color:#345777;
    font-weight:700;
    border-bottom:1px solid #fff;
    z-index:1;
    position:relative;
    cursor:default
}
.filter-tab-button.active:hover {
    background-color:#fff!important
}
.ranking-group .ranking-tabs {
    margin-top:0
}
.ranking-tabs {
    display:flex;
    justify-content:space-around;
    border-bottom:0 solid #ddd;
    margin-bottom:0;
    text-align:center
}
.tab-button {
    background-color:#ffffff;
    border:1px solid #ddd;
    border-bottom:none;
    padding:2px 12px;
    cursor:pointer;
    font-weight:none;
    color:#555;
    border-radius:5px 5px 0 0;
    transition:all .3s ease;
    flex-grow:1;
    margin-right:5px;
    text-align:center
}
.ranking-tabs .tab-button:last-child {
    margin-right:0
}
.tab-button:hover {
    background-color:#eee
}
.tab-button.active {
    background-color:#fff!important;
    border-color:#345777;
    color:#345777;
    font-weight:700;
    border-bottom:1px solid #fff;
    z-index:1;
    position:relative;
    cursor:default
}
.tab-button.active:hover {
    background-color:#fff!important
}
.ranking-list-container {
    padding:12px 0 11px;
    border:0 solid #ddd;
    border-top:1px solid #ddd;
    border-radius:0 0 5px 5px;
    background-color:#fff;
    padding-left:10px;
    padding-right:0
}
.keyword-top10-block ul {
    padding-left:0;
    margin-left:0;
    list-style:none;
    margin-bottom:0;
    min-height:auto!important;
    height:auto!important;
    background-color:transparent
}
.keyword-top10-block ul li {
    margin-bottom:13px;
    padding-left:5
}
.keyword-top10-block ul li:last-child {
    margin-bottom:0
}
.keyword-item {
    font-size:14px;
    margin-bottom:5px
}
.rank-number {
    font-weight:none;
    color:#345777;
    margin-right:5px;
    font-size:16px
}
.keyword-item a {
    font-size:16px;
    font-weight:400;
    color:#1558d6;
    text-decoration:none
}
.keyword-item a:hover {
    text-decoration:underline
}
small {
    font-size:13px;
    color:#666;
    margin-left:5px
}
h1 {
    font-size:14px!important;
    font-weight:400;
    margin-top:0;
    margin-bottom:0;
    line-height:1.5;
    color:inherit
}

/* =======================
   全体ブロック（上コンテンツ＋フッター）
======================= */

/* デフォルト（全画面幅） */
.site-wrapper,
.main-content,
.footer {
    width: 100%;
    box-sizing: border-box;
}

/* .container 内の文字やリンク用の余白 */
.container {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* PCのみ中央寄せ（1200px以上） */
@media (min-width: 1200px) {
  .container {
      max-width: 1170px;  /* PC最大幅 */
      padding-left: 15px;  /* 文字が端にぶつからない余白 */
      padding-right: 15px;
      margin-left: auto;
      margin-right: auto;
  }
}

/* フッターの背景色と文字色 */

.footer > .container {
	background: #41495a;
    padding-left: 0;
    padding-right: 0;
}

.footer .row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}


/* カラム背景や文字色調整（必要に応じて） */
.footer .col-md-4 {
    background: transparent;
    color: white;
}
/* サイト説明 */

.site-description {
  background-color: #f9f9f9;
  border-left: 5px solid #5bc0de;
  border-radius: 3px;
  padding: 12px 7px 15px 8px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.6;
}

/* 更新情報 */
/* 
.site-news {
  background-color: #fffbe6;
  border-left: 4px solid #f0ad4e;
  border-radius: 4px;
  padding: 10px 10px 15px 10px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}
*/
.site-news {
  background-color: #f9f9f9;
  border-left: 5px solid #337ab7;
  border-radius: 3px;
  padding: 10px 7px 15px 8px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.7;
}

.site-news h5 {
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 500;
}

.site-news ul {
  margin: 0;
  padding: 0;
  list-style: none; /* マーカー消す */
}

.site-news-list {
  display: grid;
  grid-template-columns: 90px auto;
  column-gap: 1ch; /* 半角1文字分 → 全角1文字分相当 */
}

.site-news-list li {
  display: contents;
}

.news-date {
  text-align: left;
  white-space: nowrap;
  padding-left: 5px; /* 左端から少し余裕 */
}

.search-box .search-icon {
  position: absolute;
  left: 10px;
  top: 55%;
  transform: translateY(-50%) scale(0.90); /* 少し縮小で細く見せる */
  color: #666;
  font-size: 16px;
  pointer-events: none;

  /* シャープ化設定 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: none; /* にじみ防止 */
  opacity: 0.5; /* 少し透明度で細く見せる */
}