@charset "UTF-8";
/*--------------全体適用--------------*/
/*日報革命ロゴ*/
#sidebar-left .tool_name {
    width: 90%;
    margin: 0 auto;
    height: 45px;
    background-color: #FFF;
    background-image: url(/picture/dx_logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 45% 0px;
    margin: -13px 0 5px;
}
/*フォント*/
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: "Quicksand", Helvetica, sans-serif;
}


/*タブレットでの右の余白をなくすため*/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-right: 0 !important;
}
.row > * {
    padding-right: 0; /* 右側だけ削除 */
}
@media screen and (max-width: 575px) {
    /*スマホサイズで画面いっぱいに広げるため*/

    .row {
        margin-right:  0;

    }
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/*bootstrapの標準レイアウト削除*/
.modal {
    padding-right: 1px !important;
}

th {
    white-space: normal !important;
}

div#main {
    border: 1px solid #ddd;
}
.personal_setting{
    display: flex;
    margin: 5px;
}
.navbar-light{
    padding: 0;
}
.navbar-toggler{
    border: none;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-icon.open {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M6 6L24 24M24 6L6 24'/%3e%3c/svg%3e");
}

/* 三本線 */
.custom-toggler {
    border: none;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 22px;
    padding: 0;
    cursor: pointer;
}

.custom-toggler span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #000;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* open時のアニメーション */
.custom-toggler.open span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.custom-toggler.open span:nth-child(2) {
    opacity: 0;
}

.custom-toggler.open span:nth-child(3) {
    transform: rotate(-45deg) translate(8px, -8px);
}
.page_title {
    height: 50px;
    padding: 0 15px;
    line-height: 50px;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1000;
    border-left: 10px #ddd solid;
}
.back{
    margin-right: 10px;
    color: #ff9e23;
}
.page_title_tav{
    font-size: 18px;
}
@media screen and (max-width: 1079px) {
    .back{
        margin: 0;
    }
}
@media screen and (max-width: 575px) {
    .page_title {
        padding: 0;
    }
}
.fa-comment-dots {
    font-size: 21px;
    line-height: 21px;
}
/*幅狭めた時に小さくなりすぎるのを防ぐため*/
@media (min-width: 992px) and (max-width: 1079px) {
    .col-large-custom {
        flex: 0 0 auto;
        width:60% !important;
    }
}

/*------------------default---------------*/

/*----右----*/
div#sidebar-right .sidebar__innner {
    margin-left: 10px;
    padding-top: 20px;
}

/*右部分削除*/
@media (max-width: 1079px) {
    .hide-under-1080 {
        display: none !important;
    }

    .profile_area_post {
        flex-direction: column;
        align-items: flex-start; /* 任意：左寄せ */
    }
}

/* 1080px以上は横並び */
@media (min-width: 1080px) {
    .profile_area_post {
        flex-direction: row;
    }
}

/* メンション */
.textarea-wrapper {
    position: relative;       /* メンションリストの基準 */
}
.mention-list {
    width: 60%;
    max-height: 200px;
    background: #fff;
    border: 1px solid #ccc;
    list-style: none;
    padding: 0;
    margin: 2px 0 0 0;
    top:80px;
    left:0;
    z-index:999;
}
.mention-list li {
    padding: 5px 10px;
    cursor: pointer;
    display: flex;
    height: 50px;
    align-items: center;
}
.mention-list li:hover {
    background-color: #eee;
}
.mention-icon {
    margin-right: 5px;
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.mention-username {
    font-weight: bold;
}

.mention-icon{
    display: inline-block;
    height: 30px;
    width: 30px;
    font-size: 21px;
    text-align: center;
    margin-right:10px;
    border-radius: 15px;
    line-height: 30px;
    background-color: #a7a7a7;
    color: #fff;
}

span.mention-info-replacement {
    background-color: #8cddc7;
    color: #1a6d5f;
    font-weight: bold;
    font-size: 13px;
    padding: 0 3px;
    border-radius: 5px;
    text-align: center;
    margin-right: 3px;
}

/*日報投稿ボタン*/
.post_btn_modal {
    width: 210px;
    background: #ff9e23;
    color: #fff;
    padding: 1em;
    display: block;
    text-align: center;
    /*    margin: 20px 0;*/
    margin-left: 15px;
    font-size: 100%;
    line-height: 1;
    border-radius: 10px;
}

button.modal_submit {
    /*    z-index: 999;
        transform: translate(-50%, -50%);*/
    width: 46px;
    height: 46px;
    border-radius: 46px;
    outline: none;
    font-weight: bold;
    cursor: pointer;

    padding: 0;
    text-align: center;
}
/* レーダーチャート */
div.radarChart {
    padding: 0 4px;
    height: auto;
    padding-bottom: 10px;
    background-color: #d1d1d1;
    margin-bottom: 15px;
}

.radarChart-wrap {
    padding: 0 10px 10px;
    background: #fff;
    border-top: none;
    position: relative;
}

.radarChart-title {
    line-height: 43px;
    font-size: 30px;
    background-color: #fd6767;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.radarChart-title p {
    color: white;
    font-weight: bold;
    margin-bottom: 0;
}
.radarChart-wrap div.radarChart-sumScore {
    float: left;
    font-size: 13px;
    color: #666;
    position: relative;
    top: 5px;
}
.radarChart-wrap div.radarChart-avgBtn {
    background-color: #fff;
    font-size: 10px;
    line-height: 20px;
    float: right;
    border: 1px solid #ccc;
    padding: 0px 6px;
    margin-right: -8px;
    position: relative;
    top: 6px;
    transition: all 0.3s;
    font-weight: bold;
    text-decoration: underline;
}

/* ランキングコンポーネント*/
h2.ranking_title{
    line-height: 50px;
}
.ranking_total span {
    float: right;
    font-size: 12px;
}
h3.ranking_total{
    font-weight: bold;
    line-height: 41px;
    font-size: 28px;
}
p.no-data {
    font-size: 30px;
    text-align: center;
    margin-top: 50px;
    line-height: 50px;
    font-weight: normal;
}
@media screen and (max-width: 575px) {
    .ranking_title {
        font-size: 5vw !important;
    }
    h3.ranking_total {
        font-size: 4vw !important;
    }
    p.no-data {
        font-size: 5vw ;
    }
}
.list_ranking_content_over {
    overflow-x: scroll;
}
/*.list_ranking_content_wrapper.active {
    width: 200%;
}*/
.list_ranking_content.active {
    width: 50%;
}

.ranking_switch_wrapper {
    text-align: center;
    background: #fff;
    margin: 0 10px;
    border: 2px solid #d1d1d1;
    margin: 10px;
}
.ranking_switch {
    width: 50%;
    margin: 10px 0;
    float: left;
}

.ranking_switch:first-child .ranking_switch_inner {
    margin-left: 15%;
    margin-right: 5%;
}
.ranking_switch_inner.active {
    background: #ff7f7f;
    border: 2px solid #ff5b5b;
}
.ranking_switch_inner {
    width: 80%;
    margin-bottom: 0;
    background: #b5b5b5;
    border: 2px solid #b5b5b5;
    color: white;
    cursor: pointer;
}
.ranking_switch_wrapper:after {
    content: '';
    display: block;
    clear: both;
}
.ranking_switch_wrapper li::marker {
    content: none;
}

.ranking {
    width: fit-content;
    margin: auto;
    display: flex;
}

.ranking.scroll_y {
    position: absolute;
    right: 0;
    width: 90%;
    padding: 0 5%;
}

.ranking.scroll_y.store_hanko {
    max-height: 11em;
}

.hanko_conversion {
    width: 100%;
    text-align: right;
    display: block;
    color: #666;
}

.like_ranking_main {
    background: #ddd;
    padding-bottom: 3px;
    position: relative;
}

.ranking_inner {
    border: 2px solid #d1d1d1;
    background-color: #fff8ef;
    margin: 10px;
    padding: 5px;
    border-radius: 8px;
    position: relative;
}

.ranking_inner span.fullname {
    max-width: 4.5em;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ranking_inner span.fullname_10 {
    max-width: 3.5em;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ranking_inner span.iine {
    float: right;
    margin-top:4px;
}

.list_ranking_content .avatar {
    display: inline-block;
    overflow: hidden;
}


div.score_ave, div.my_score_compare {
    font-size: 12px;
    text-align: right;
    margin-right: 5px;
    clear: both;
}
span.par_jisseki_plus {
    color: rgb(56, 142, 60);
}

div.score_ave, div.my_score_compare {
    font-size: 12px;
    text-align: right;
    margin-right: 5px;
    clear: both;
}
span.par_jisseki_minus {
    color: rgb(183, 28, 28);
}

.ranking_inner span.store {
    font-weight: 500;
    font-family: "M PLUS Rounded 1c";
}

.ranking_inner span.fullname.store {
    max-width: 12em;
    width: 12em;
}


.time_to_report {
    font-size: 10px;
    color: #333;
    font-weight: normal;
    text-align: right;
    display: block;
    margin-right: 10px;
}
/*.time_to_report {
    font-size: 10px;
    float: right;
    margin-right: 10px;
    color: #333;
    font-weight: normal;
}*/

.sidebar_guinness {
    text-align: center;
    padding-bottom: 5px;
    color: #8b2b2b;
    font-size: 0.8em;
    line-height: 1.5em;
    font-weight: bold;
    text-shadow: 1px 1px 2px #66566561;
    position: relative;
}
.sidebar_guinness::before {
    content: "";
    background-image: url("/picture/guinness_left.png");
    background-size: cover;
    width: 23px;
    height: 40px;
    position: absolute;
    left: 20px;
    top: -2px;
}
.sidebar_guinness::after {
    content: "";
    background-image: url("/picture/guinness_right.png");
    background-size: cover;
    width: 24px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: -2px;
}

li.bgc_change {
    background-color: #93ff93;
}

div.get_my_ranking,
div.get_my_ranking_score,
div.cannot_compare {
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    position: relative;
    line-height: 1;
    text-align: center;
    margin: 5px auto;
    font-size: 12px;
    clear: both;
}

div.get_my_ranking {
    width: 9.2em;
}

div.get_my_ranking_score {
    width: 14.6em;
}

div.cannot_compare {
    width: 10.3em;
}

.ranking_inner span.get_my_ranking {
    position: absolute;
    bottom: 0;
    left: -20px;
    background-image: url(./img/ranking_10_later.png);
    background-repeat: no-repeat;
    background-size: 20px;
    content: counter(ctr-ranking, decimal);
    counter-increment: ctr-ranking;
    color: #000;
    font-size: 10px;
    padding: 5px 1px;
    width: 18px;
    line-height: 1;
}

.ranking_inner div.three_points {
    margin-bottom: 6px;
    color: #777;
    font-size: 19px;
}

div.rank_6_10 {
    clear: both;
}

h2.ranking_topic {
    line-height: unset;
    font-size: 24px;
    text-align: center;
    padding: 5px 0;
    margin: 8px 10px;
    background: #ff7f7f;
}

h2.ranking_topic a {
    color: #fff;
}

h2.ranking_topic a div.rank_title {
    margin: 7px 0 1px;
    line-height: 14px;
    font-size: 14px;
}

h2.ranking_topic_on {
    background: #ff7f7f;
}


.ranking span.iine.store {
    float: unset;
}

.list_ranking_content:nth-child(2) .ranking span.iine {
    display: block;
    text-align: right;
}

.employees {
    display: block;
    text-align: right;
}

.Rankstyle-svg {
    counter-reset: ctr-ranking;
    /* ランキング番号のリセット */
    text-align: left;
    /* 左揃え */
    font-size: 12px;
    /* ランキング番号の装飾 */
    float: left;
}

.Rankstyle-svg.top5 {
    /* 上位ランクの左マージン */
}

.Rankstyle-svg.top5.store {
    margin-left: 30px;
    /* リストのマーカー削除 */
    width: calc(100% - 30px);
}

.Rankstyle-svg.top10 {
    /* ランキング表示の左マージン（余白）を設定 */
    counter-reset: ctr-ranking 5;
}

/*.Rankstyle-svg li {
    list-style-type: none;
     リストマーカー（●や数字）を非表示にする 
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    position: relative;
     相対配置：ランキングのアイコンを絶対位置で配置するための基準になる 
    line-height: 1;
     行の高さを狭く設定（詰まった感じに） 
}*/
.Rankstyle-svg li {
    list-style-type: none;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    position: relative;
    line-height: 1;
    min-width:70px;
}

.Rankstyle-svg.top5 li:nth-child(-n+3):before {
    position: absolute;
    /* アイコンを絶対位置に配置する */
    top: 0;
    /* 上端に揃える */
    left: -25px;
    /* 左に25pxずらして表示（アイコン位置調整） */
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20height%3D%2730%27%20width%3D%2730%27%20viewBox%3D%270%200%2030%2030%27%20style%3D%27fill%3A%23f6f600%3Bstroke%3Anone%27%20%3E%3Cpath%20d%3D%27M1%202%20L8%2012%20L15%202%20L22%2012%20L29%202%20L26%2029%20L3%2029%20Z%27%20%2F%3E%3C%2Fsvg%3E");
    /* 1〜3位の背景アイコン（黄色い星）を指定 */
    background-repeat: no-repeat;
    /* 背景画像を繰り返さず一回だけ表示 */
    background-size: 20px;
    content: counter(ctr-ranking, decimal);
    /* 自動で順位の数字を表示（カウンター） */
    counter-increment: ctr-ranking;
    /* カウンターを1つずつ増やす */
    color: #000;
    /* テキストカラーを黒に */
    font-size: 10px;
    /* テキストサイズを小さめに設定 */
    padding: 5px 7px;
    /* 内側の余白を設定（上下5px・左右7px） */
    line-height: 1;
}
.Rankstyle-svg.top5 li:nth-child(n+4):before, .Rankstyle-svg.top10 li:before {
    position: absolute;
    top: 0;
    left: -25px;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20height%3D%2730%27%20width%3D%2730%27%20viewBox%3D%270%200%2030%2030%27%20style%3D%27fill%3A%23ff7f7f%3Bstroke%3Anone%27%20%3E%3Ccircle%20cx%3D%2714%27%20cy%3D%2715%27%20r%3D%2714%27%20%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-size: 20px;
    content: counter(ctr-ranking, decimal);
    counter-increment: ctr-ranking;
    color: #000;
    font-size: 10px;
    padding: 5px 7px;
    line-height: 1;
}

.Rankstyle-svg.top10 {
    counter-reset: ctr-ranking 5;
    /* カウンターを6位からスタートさせる（5でリセット） */
}

.like_ranking_main h2 img {
    width: 100%;
}

.Rankstyle-svg .pad {
    line-height: 1;
    height: 1em;
}

.pad .fullname {
    display: inline-block;
}

.score_right {
    display: inline-block;
    float: right;
    width: fit-content;
}

.pad .score_right {
    line-height: 1;
}

.store_hanko .Rankstyle-svg li {
    line-height: 1em;
    height: 2em;
}


.Rankstyle-svg img {
    vertical-align: baseline !important;
}
@media only screen and (max-width: 1281px) {
    ol.Rankstyle-svg.top10 {
        display: none;
    }
    .Rankstyle-svg {
        font-size: 18px;
    }
    .ranking span.iine {
        margin-top: 0;
    }
    .ranking_inner span.fullname.store {
        max-width: 8em;
        width: 8em;
    }
    .ranking_inner .hanko span.fullname.store {
        max-width: 7em;
        width: 7em;
    }
    .ranking_inner .store {
        font-size: 13px;
    }
    div.get_my_ranking {
        width: auto;
        margin-left: 20px;
        font-size: 18px;
        text-align: left;
    }
    div.get_my_ranking_score {
        width: auto;
        margin-left: 20px;
        font-size: 13px;
        text-align: left;
    }
    div.cannot_compare {
        font-size: 18px;
        width: 9.7em;
        margin-left: 25px;
    }
    .ranking_inner span.get_my_ranking {
        left: -25px;
        text-align: center;
    }
    div.three_points {
        text-align: center;
        margin-right: 15px;
    }
    .Rankstyle-svg.top5.score {
        margin-left: 30px;
    }
    .rank_6_10 {
        display: none;
    }
    .pad {
        font-size: 20px;
    }
    .pad .fullname {
        display: inline-block;
        padding-right: 0;
    }
    .ranking.scroll_y.store_hanko {
        max-height: 14em;
    }
    .hanko.store_hanko .Rankstyle-svg li {
        line-height: 1em;
        height: 1.5em;
    }
    h2.ranking_topic a div.rank_title {
        margin: 5px 0 2px;
        line-height: 10px;
        font-size: 10px;
    }

}



@media only screen and (min-width: 1282px) {
    div.rank_6_rank_10 {
        display: none;
    }
}

.ranking_filter h2.ranking_topic {
    color: #fff;
    background: #b5b5b5;
    font-size: 15px;
}

.ranking_filter h2.ranking_topic_on {
    background: #ff7f7f;
}

.ranking_filter {
    border: 2px solid #d1d1d1;
    background-color: #fff;
    margin: 10px;
    margin-bottom: 0;
    padding: 5px;
    color: #555;
    box-sizing: border-box;
    position: absolute;
    z-index: 10;
}

.ranking_filter form::after {
    content: "";
    display: block;
    background: #ddd;
    height: 10px;
    margin: 0 -10px;
    position: relative;
    top: 16px;
}

.ranking_filter form {
    padding-bottom: 4px;
}

.ranking_filterSwitch {
    left:0;
    display: block; /* display:noneはNG */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease;
}
.ranking_filterSwitch .filter-inner {
    padding: 8px;
}

.ranking_filterSwitch.open {
    max-height: 1000px; /* 中の要素がすべて見えるように大きめに設定 */

}

.ranking_filter ul {
    list-style: none;
    margin: 0 auto 25px;
    padding: 0;
    background: #fff;
}

h4.ranking_filter_title {
    text-align: center;
}

.ranking_filter input[type="checkbox"] {
    display: none;
}

.ranking_filter input[type="checkbox"]:checked+label {
    background: url("/picture/check_on.png") no-repeat 98% center;
    background-size: 35px;
}

.ranking_filter input[type="checkbox"]+label {
    display: block;
    background: url("/picture/check_off.png") no-repeat 98% center;
    background-size: 35px;
    border-bottom: 1px dotted #ccc;
    padding: 5px 10px 5px 5px;
    color: #555;
    text-decoration: none;
    font-size: 0.8em;
    word-break: break-all;
}

h2.ranking_topic {
    cursor: pointer;
}


/* ランキングの表示 */


.post-meta li {
    height: 80px;
    background: #fbf0e2;
    width: 48%;
    float: left;
    list-style: none;
    border-radius: 10px;
    margin-bottom: 10px;
}

.post-meta li:nth-child(2n) {
    float: right;
}

#month_wiget {
    background: #fff8ef;
    border-radius: 10px;
    padding: 0px 10px 10px 10px;
}

.month_item p {
    margin: 10px 0px 10px 0px;
    text-align: center;
}

.month_item span {
    font-size: 25px;
}

#month_wiget h3 {
    text-align: center;
    line-height: 2;
}


/* 上位3位のアイコン設定 */

#wp-calendar tbody td {
    text-align: center;
}

div#calendar_wrap {
    background: #fff8ef;
    border-radius: 10px;
    margin-top: 10px;
    padding: 0 30px 0 30px;
}

table#wp-calendar caption {
    caption-side: top;
    line-height: 20px;
    text-align: center;
}

.site-info {
    color: #999;
    font-size: 0.5em;
    text-align: center;
}

.calendar-day.disabled {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

/*----左-----*/


/* Search-form */
input.font-awesome {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

input.searchfield.font-awesome {
    width: 140px;
    border-radius: 0 20px 20px 0;
    border: 0;
    outline: 0;
}

input.searchsubmit {
    font-size: 15px;
    width: 40px;
    height: 33px;
    padding: 0;
    border-radius: 16px 0 0 16px;
    background-color: transparent;
    float: left;
    color: #999 !important;
}


#sidebar-left .sub_menu_btn {
    color: #999;
}

.sub_menu_btn:hover {
    background: #EEE;
    cursor: pointer;
}

.sub_menu li:hover {
    background-color: #fff4ea;
    cursor: pointer;
}

#sidebar-left .sub_menu_wrapper {
    position: relative;
    width: 90%;
}

#sidebar-left .sub_menu_wrapper .sub_menu {
    right: unset;
    width: 120%;
}

form.searchform {
    border: 2px solid #eee;
    border-radius: 20px;
    background: #fff;
}

form.searchform:focus-within {
    border-color: #00bdff;
}



/*マイデータモーダル*/


.modal-dialog-mydata {
    max-width: 90% !important;
}


@media (min-width: 576px) {
    body.modal-open.modal-force-scrolllock{
        overflow: hidden !important;
        padding-right: 0px !important;
    }
    .modal-dialog-modal-dialog-mydata {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px !important;
    }
}


/*  tweetアイコン*/

div#mdl_edit_tweet,
div#tweet {
    padding: 15px;
}

p.tweet-submit {
    margin: 0;
    text-align: right;
}

form#mdl_edit_tweetform p.tweet-submit,
form#mdl_tweetform p.tweet-submit {
    width: 90%;
    margin: 0 auto;
}

p.tweet-submit button {
    background: #ff9e23;
    color: #fff;
    font-weight: bold;
}



/*----------プロフィール必須項目---------*/
.input_check_modal {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.input_check_modal__bg {
    background: rgba(0, 0, 0, 0.5);
    height: 100vh;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.input_check_modal__content {
    background: #fff;
    left: 48%;
    padding: 40px;
    position: absolute;
    top: 20%;
    transform: translate(-50%, -15%);
    border-radius: 15px;
}
@media screen and (max-width: 680px) {
    .input_check_modal__content {
        width: 100%;
        top: 30%;
        border-radius: 0;
        margin: 0px 40px;
    }
}



/*----------ハッシュタグBOX---------*/

#hashTagBoxTweetPost {
    text-align: left;
    width: 50%;
    border: 1px solid #777;
    border-radius: 10px;
    min-width: 500px;
    background: rgb(247, 249, 250);
    position: absolute;
    left: 20%;
    z-index: 10000;
    margin: 0;
    min-height: 100px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}
#hashTagBoxEdit {
    text-align: left;
    width: 50%;
    border: 1px solid #777;
    border-radius: 10px;
    min-width: 500px;
    background: rgb(247, 249, 250);
    position: absolute;
    left: 20%;
    top:-300px;
    z-index: 10000;
    margin: 0;
    min-height: 100px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}
.custom-class-for-comment-reply {
    text-align: left;
    width: 50%;
    border: 1px solid #777;
    border-radius: 10px;
    min-width: 500px;
    background: rgb(247, 249, 250);
    position: absolute;
    left: 20%;
    z-index: 10000;
    margin: 0;
    min-height: 100px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}
.custom-class-for-comment{
    text-align: left;
    width: 50%;
    border: 1px solid #777;
    border-radius: 10px;
    min-width: 500px;
    background: rgb(247, 249, 250);
    position: absolute;
    left: 20%;
    z-index: 10000;
    margin: 0;
    min-height: 100px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}

#hashTagBoxPost{
    text-align: left;
    width: 50%;
    border: 1px solid #777;
    border-radius: 10px;
    min-width: 500px;
    background: rgb(247, 249, 250);
    position: absolute;
    top: -300px;
    left: 20%;
    z-index: 10000;
    margin: 0;
    min-height: 100px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}

#hashTagBoxTweetModal{
    text-align: left;
    width: 50%;
    border: 1px solid #777;
    border-radius: 10px;
    min-width: 500px;
    background: rgb(247, 249, 250);
    position: absolute;
    left: -20%;
    z-index: 10000;
    margin: 0;
    min-height: 100px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}

#hashTagBoxTweetEdit{
    text-align: left;
    width: 50%;
    border: 1px solid #777;
    border-radius: 10px;
    min-width: 500px;
    background: rgb(247, 249, 250);
    position: absolute;
    left: 20%;
    z-index: 10000;
    margin: 0;
    min-height: 100px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}

.tag_scrollArea.scroll {
    max-height: 250px;
    overflow-y: auto;
}
@media screen and (max-width: 1080px) {
    #hashTagBoxEdit {
        left: 0;
        top:-100px;
        min-width: 300px;
    }
    #hashTagBoxTweetPost{
        left: 0;
        min-width: 300px;
    }
    #hashTagBoxPost{
        left: 5%;
        min-width: 300px;
    }
    #hashTagBoxTweetModal{
        left: 0;
        min-width: 300px;
    }
    #hashTagBoxTweetEdit{
        left: 0;
        min-width: 300px;
    }
    .custom-class-for-comment {
        left: 0;
        min-width: 300px;
    }
    .custom-class-for-comment-reply {
        left: 0;
        min-width: 300px;
    }
}
@media screen and (max-width: 640px) {
    #hashTagBoxTweetPost{
        left: 0;
        min-width: 300px;
    }
    #hashTagBoxPost{
        left: 5%;
        min-width: 300px;
    }
    #hashTagBoxTweetModal{
        left: 0;
        min-width: 300px;
    }
    #hashTagBoxTweetEdit{
        left: 0;
        min-width: 300px;
    }
    .custom-class-for-comment {
        left: 0;
        min-width: 300px;
    }
    .custom-class-for-comment-reply {
        left: 0;
        min-width: 300px;
    }
}

.hashTagInComment .hashTag_box {
    left: 0px;
    top: unset;
    bottom: 11px;
    padding-bottom: 10px;
}
.hashTag_box .search-text {
    margin: 4px;
    margin-bottom: 0;
    border-radius: 7px;
    width: 97%;
    padding: 4px;
    line-height: 1.4;
    border: 1px solid #aaa;
    box-sizing: border-box;
}
.tagPost_number {
    margin-bottom: 0;
    padding-left: 11px;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    line-height: 25px;
}
.tag_scrollArea {
    max-height: 450px;
    min-height: 100px;
    overflow-y: auto;
}
.hashTagInComment .hashTag_box ul {
    max-height: 400px;
}

.hashTag_box ul {
    min-height: 80px;
    padding: 1px;
}
.hashTag_box li:hover{
    background-color: #bde2f5;
}
.hashTag_box li {
    padding: 7px 15px;
    line-height: 1.6em;
    color: #555;
    text-decoration: none;
    background-color: #dedede;
    cursor: pointer;
    border-bottom: 1px solid rgb(235, 238, 240);
    background-color: rgb(247, 249, 250);
}
/*-----設定ボタン-----*/
.personal_setting_btn {
    background: #d5d3d3;
    font-size: 20px;
    padding: 10px 15px;
    margin-left: 10px;
}
/*設定モーダル*/
.personal_setting_modal_close {
    color: #1DA1F2;
    font-size: 40px;
    position: absolute;
    right: 10px;
    cursor: pointer;
}

#settingModalBody{
    padding: 0 15px;
}
@media screen and (min-width: 575px) {
    .setting-modal{
        border-radius: 15px !important;
    }
    #settingModalBody{
        padding: 0 30px;
    }
}

/*-----カレンダーボタン-----*/
button.calendar_btn {
    background: #fd6767;
    font-size: 20px;
    padding: 10px 15px;
}
@media screen and (max-width: 575px) {
    button.calendar_btn
    {
        padding:0 15px;
    }
    .personal_setting_btn{
        margin-left:0
    }
}
/*----------いいねアーカイブ---------*/
.custom-calendar-wrap,
.custom-calendar-wrap-popup {
    display: none;
}
.popup {
    display: block;
}
div.custom-calendar-wrap-popup {
    background: #fff;
    border-bottom: 1px #b9b9b9 solid;
    z-index: 1050;
    position: sticky;
    top: 50px;
}
.custom-calendar-table {
    border: 4px solid #b9b9b9;
    border-top: 0px;
    margin: 0 0 1.5em;
    width: 100%;
}
table#wp-calendar caption {
    line-height: 40px;
}
.custom-calendar-table caption {
    background-color: #fd6767;
    color: #fff;
    font-weight: bold;
}
.custom-calendar-table th {
    background: #b9b9b9;
    color: #ffffff;
    border: 1px solid #fff;
    border-top: none;
    text-align: center;
}
#wp-calendar tbody td {
    text-align: center;
}

.custom-calendar-table td {
    border: 1px solid #ddd;
    height: 55px;
    width: 50px;
}
@media only screen and (max-width: 1281px) {
    .pad {
        font-size: 20px;
    }
}
/*----------system---------*/
/*投稿関連アニメーション*/
.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}
.fade-in {
    opacity: 0;
    transition: opacity 0.6s ease-in;
}
.fade-in.show {
    opacity: 1;
}
body.theme_default .post:hover {
    background-color: #F5F8FA; /* 好きな色に変更可能 */
}
/*メンション*/
div.mention-address-text {
    color: #666;
    font-family: "M PLUS Rounded 1c";
    font-weight: 500;
}

/*上限突破*/
.rainbow::after {
    content: "";
    width: 250px;
    height: 60px;
    position: relative;
    display: block;
    left: 30%;
    bottom: 18px;
    background: url(/picture/limit_break.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.rainbow-graph{
    width: 100%;
    border-radius: 3px;
    height: 28px;
    background: linear-gradient(to left, #3cb1ff, #89d37a, #fff068, #ff9072);
}
span.mugen {
    color: #555;
    position: relative;
    top: 1px;
}
/*スコア通知表*/
.score_page {
    padding-top: 10px;
    background: #f9dfb1;
}
.score_month_toggle {
    display: flex;
    justify-content: space-between;
    padding: 0 50px;
    margin: 10px 0;
}

.score_month_toggle a {
    text-decoration: none;
    font-weight: bold;
}
.score_page_content {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 90%;
    background: #fff2dd;
    border-radius: 3px;
    padding: 15px;
    padding-top: 17px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0) inset;
}
.score_page_inner_page {
    border-radius: 30px;
    padding-top: 7px;
}
.score_page_content dl {
    margin: 0;
    padding: 0;
}
.score_page_content dt {
    position: relative;
    clear: both;
    display: block;
    float: left;
    border: 2px solid black;
    border-right: 1px solid black;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 35px;
    padding: 0 20px;
    height: 34px;
    line-height: 32px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 1px 3px;
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
}
.score_page_content dd {
    position: relative;
    display: block;
    float: left;
    border: 2px solid black;
    width: 290px;
    height: 34px;
    margin: 0 0 10px;
    background: #bbb;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-left: none;
    box-sizing: border-box;
    box-shadow: 0px 1px 3px rgba(0, 0, 0), 0px 0px 5px 0px rgba(0, 0, 0, 0.2) inset;
    background: linear-gradient(to bottom, #fff 0%, #c8c6c6 100%);
}
.score_page_content dl.score_page_list dd div {
    background: linear-gradient(to bottom, #feeedd 0%, #ffdfcc 6%, #ff6100 100%);
}
.score_page_content dd div {
    position: relative;
    height: 30px;
    line-height: 30px;
    width: 75%;
    text-align: right;
    color: #555;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.score_page_content dd div span.my_count_span {
    padding: 0 10px;
}

.point-box_page {
    position: relative;
    border: 3px solid black;
    border-radius: 4px;
    margin: 1em;
    padding: 5px 15px;
    outline: 1px solid black;
    outline-offset: -7px;
}
.point-title_page {
    position: absolute;
    padding: 0 0.5em;
    left: 20px;
    top: -11px;
    color: #555555;
    font-weight: bold;
    font-size: 18px;
    background-color: #fff3d5;
}
.point-box-graph {
    width: 100%;
    border: 3px solid black;
    border-radius: 5px;
    margin: 15px 0;
    background: linear-gradient(to bottom, #fff 0%, #c8c6c6 100%);
}
/*スコアグラフ（投稿部分）*/
.nippo_score .point-title {
    position: unset;
    top: 0;
    left: 0;
    padding: 0;
    font-weight: unset;
    background: transparent;
    text-align: left;
    font-size: 13px;
    line-height: 1;
    width: 22%;
    float: left;
}
.point-title {
    position: absolute;
    padding: 0 0.5em;
    left: 20px;
    top: -11px;
    color: #555555;
    font-weight: bold;
    font-size: 18px;
    background-color: #fff3d5;
}
.nippo_score .score_page_content dl.score_page_total dd {
    position: relative;
}
.nippo_score .score_page_content dd {
    box-shadow: unset;
}
.nippo_score .point-box dd {
    width: 60%;
    height: 8px;
    margin-left: 5px;
    border: 1px solid #bbb;
    background: unset;
    border-radius: unset;
    border-bottom-right-radius: unset;
    border-top-right-radius: unset;
}
.point-box dd {
    width: 100%;
    border: 3px solid black;
    border-radius: 5px;
    /*    margin: 15px 0;*/
}
.score_page_content dd {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #c8c6c6 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #c8c6c6 100%);
    background: linear-gradient(to bottom, #fff 0%, #c8c6c6 100%);
    /*    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#c8c6c6', GradientType=0);*/
}
.score_page_content dd {
    position: relative;
    display: block;
    float: left;
    border: 2px solid black;
    width: 290px;
    height: 34px;
    margin: 0 0 10px;
    background: #bbb;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-left: none;
    box-sizing: border-box;
    box-shadow: 0px 1px 3px rgba(0, 0, 0), 0px 0px 5px 0px rgba(0, 0, 0, 0.2) inset;
}

.nippo_score .score_page_content dl.score_page_total dd:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 4px;
    background: linear-gradient(to bottom, transparent 0%, #fff 3%, transparent 40%);
    content: '';
    clear: both;
}
/*.nippo_score .score_page_content dd {
    margin-top: 7px;
}*/
.score_page_content dd {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #c8c6c6 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #c8c6c6 100%);
    background: linear-gradient(to bottom, #fff 0%, #c8c6c6 100%);
    /*    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#c8c6c6', GradientType=0);*/
}

.nippo_score .score_page_content {
    margin: 0;
    padding: 0;
    width: 100%;
    background: unset;
    border-radius: unset;
    box-shadow: unset;
}
.nippo_score {
    padding: 0;
    margin-top: 8px;
    position: relative;
}
.nippo_score_wrap {
    height: 30px;
    margin-bottom: 5px;
}

.score_page_content dl.score_page_total dd div {
    height: 28px;
    border-radius: 3px;
    /*    background: linear-gradient(to bottom, #85fc58 0%, #fefcea 6%, #0dff00 93%);*/
}
.my_result_score_area {
    text-align: right;
    font-weight: bold;
    font-size: 1rem;
    white-space: nowrap;
}
.my_total_score_page {
    font-size: 20px;
}
span.my_total_score_left_page {
    font-weight: bold;
    font-size: 25px;
    margin-right: 5px;
}

@media screen and (max-width: 1174px) {
    .score_page_content dt {
        font-size: 10px;
        padding:0;
        margin-left: 0;
        width: 30%;
    }
    .score_page_content dd {
        width: 70%;
    }
    .point-box_page {
        margin: 0;
        margin-top: 1em;
    }
    .point-title_page {
        background-color: #fff2dd;
    }
    .nippo_score .point-title {
        font-size: 10px;
        width: 15%;
        margin: 0;
    }
    .rainbow::after {
        display: block;
        margin: 0 auto;   /* 横中央に配置 */
        left:0;
    }
    .nippo_score .point-box dd {
        width: 65%;
    }
}
@media screen and (max-width: 575px) {
    .score_page_content dt {
        height:30px;
    }
    .score_page_content dd {
        height:30px;
    }
    .score_page_list{
        height:400px !important;
    }
    .point-box-graph{
        margin: 12px 0px 3px 0px;
    }
    .point-box-graph div{
        height:25px !important;
    }
    .score_month_toggle{
        margin: 0;
    }
    .filter_reset_btn{
        width: 100%;
        height: 44px;
        display: flex;
        align-items: center;   /* 縦方向中央 */
        justify-content: center; /* 横方向中央（必要なら） */
    }
    .filter_decision_btn{
        margin-top: 10px;
        width: 100%;
        height: 44px;
    }
    .nippo_score .point-title {
        width: 25%;
    }
    .score_page_content dl.score_page_list dd div {
        height: 26px;
    }
}
/*絞り込み検索アニメーション*/
.filter_data {
    overflow: hidden;
    max-height: 0;
    transition: max-height 1.0s ease;
}
.filter_data_nomal {
    overflow: hidden;
    max-height: 0;
    transition: max-height 1.0s ease;
}

.filter_data_mylist{
    overflow: hidden;
    max-height: 0;
    transition: max-height 1.0s ease;
}

/*コメントアニメーション*/
.comment-box {
    overflow: hidden;
    max-height: 0;
    transition: max-height 1.0s ease;
}
.btnReply{
    background-color: transparent;
    color: #000;
    font-family: "Font Awesome 6 Free";
    font-size: 17px;
}
.fa-reply{
    color: #15aabf;
    font-weight: 900;
    font-size: 17px;
    padding-right: 4px;
}
@media screen and (max-width: 575px) {
    .btnReply{
        padding:0;
    }
}
/*返信選択後*/
.reComment_active {
    background: rgba(255, 211, 151, 0.6);
    margin: 0 -15px;
    padding: 0 10px;
}

.comment-respond_reply {
    background: rgba(255, 211, 151, 0.6);
    margin: 0 -15px;
    padding: 0 10px;
}

.reply_btn_active {
    padding: 5px;
    box-sizing: border-box;
    background: #327be8;
    color: #fff;
    border: 2px solid #fff;
    box-sizing: border-box;
}

/*部下投稿*/

button#subordinateModalBtn {
    padding: 10px;
    border-radius: 0;
    background: #007eff;
    margin: 10px;
}
div.mng__modalbg_buka{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
}
.management_table_wrap_buka {
    background: #eee;
    padding: 15px 25px 40px;
    position: fixed;
    min-height: 80vh;
    overflow-y: auto;
    top: 16%;
    box-sizing: border-box;
    transform: translate(-50%, -15%);
    width: 90%;
    left: 50%;
    max-height: 97vh;
    border-radius: 10px;
}
.single_jisseki_filter_inner_buka, .single_jisseki_filter_title, .single_jiisseki_btn_erea_buka {
    float: left;
}
.single_jisseki_filter_inner_buka select{
    padding: 0;
    margin: 0;
    background: #ffffff;
    font-family: "Karla", Helvetica, sans-serif;
    line-height: 26.64px;
    min-height: 100%;
}
.single_jiisseki_btn_erea_buka button {
    padding: 7px;
    border-radius: 0;
    background: #007eff;
    margin-left: 10px;
    font-size:12px;
}
p.mng__modalbg_buka_close span{
    font-size: 15px;
    position: relative;
    bottom: 6px;
}
.modal_close_buka {
    color: #1DA1F2;
    font-size: 40px;
    position: absolute;
    top: -5px;
    right: 10px;
    cursor: pointer;
}
p.mng__modalbg_buka_close span{
    font-size: 15px;
    position: relative;
    bottom: 10px;
}

.modal_close_buka, .management_table_wrap_buka .modal_close_buka{
    position: static;
    float: right;
}
.sub_report_title {
    text-align: center;
    margin-bottom: 0;
}
.single_jisseki_wrap .modal_close_buka {
    position: fixed;
}
.single_jisseki_filter {
    display: inline-block;
}
.management_table_wrap_buka table {
    background-color: white;
}
.management_table_wrap_buka table {
    margin: 0 0 1.5em;
    width: 100%;
}
.management_table_wrap_buka table.authors tr {
    border-bottom: 1px solid #ddd;
}
.management_table_wrap_buka table thead tr th {
    color: #fff;
    text-align: center;
}
.management_table_wrap_buka table th {
    color: #666;
    padding: 5px;
}
.management_table_wrap_buka table thead tr th {
    font-size: 13px;
    line-height: 1em;
    background: #f79c28;
    color: #fff;
    font-weight: bold;
}
.management_table_wrap_buka table tbody tr {
    font-size: 12px;
    line-height: 15px;
}
.management_table_wrap_buka table.authors tr.total_jisseki th, .management_table_wrap_buka table.authors tr.total_jisseki td {
    background: #888;
    color: #fff;
    font-weight: bold;
}
.management_table_wrap_buka table tbody td,
.management_table_wrap_buka table tbody th {
    background: #fff;
    padding: 3px;
    text-align: center;
}

/* スマホ表示：氏名(左帯) + 右側に [項目名 値] を1行ずつ */
@media screen and (max-width: 640px) {

    .authors thead {
        display: none;
    }

    .authors th {
        vertical-align: middle;
        text-align: center;
        padding: 10px;
        background: #f5f5f5;
        border: 1px solid #ccc;
    }

    /*td の左側にラベルを表示（HTML の data-label 属性を利用）*/
    .authors tr > td::before {
        content: attr(data-label);
        font-weight: 600;
        margin-right: 12px;
        white-space: nowrap;
        color: #333;
    }

    table.authors td {
        display: block;
        text-align: right;
        width: 100%;
    }

    /*    右側の各セルは右列に配置して、ラベル(左)と値(右)を横並び表示 */
    .authors tr > td {
        grid-column: 2;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 12px;
        border-bottom: 1px solid #ccc;
        box-sizing: border-box;
    }

    tr.author-profile td::before {
        color: #333;
    }

    /* total_jisseki 行のラベル（白） */
    tr.author-profile.total_jisseki td::before {
        color: #fff;
    }
}


/* #EG */

/*チェックボックス削除*/

/*アイコン横につく気分*/
.emotion_post{
    position: absolute;
    left: -17px;
    top: -17px;
    float: right;
    padding: 8px;
    margin: 3px;
}
.emotion_1{
    background: #5f5f5f;
    border-radius: 30px;
}
.emotion_2{
    background: #7c9caddb;
    border-radius: 30px;
}
.emotion_3{
    background: #dde4e0;
    border-radius: 30px;
}
.emotion_4{
    background: #d6d027;
    border-radius: 30px;
}
.emotion_5{
    background: #fff600;
    border-radius: 30px;
}

/*画像の拡大*/
.zoomable-img {
    cursor: zoom-in;
    transition: transform 0.3s ease;
}

.zoomable-img:hover {
    transform: scale(1.05);
}

.img-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

/*.img-wrapper {
    display: inline-block;
    width: 100%;
    height: 100%;
    will-change: transform;
    transform-origin: center center;  常に画像中心を基準に拡大縮小 
    transition: transform 0.3s ease, opacity 0.3s ease;
}*/

.img-wrapper {
    position: fixed;             /* 画面に固定 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;               /* flex で中央寄せ */
    justify-content: center;
    align-items: center;
    will-change: transform;
    transform-origin: center center; /* 常に中心を基準に拡大縮小 */
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 999;               /* 他要素の上に表示 */
}

.img-wrapper.closing {
    opacity: 0;
    transform: translateY(-100px) scale(0.95); /* 上に引っ張られる感じ */
}

.img-modal.show {
    display: flex;
    animation: fadeIn 0.3s ease;
}

/*.img-modal-content {
    width: auto;
    height: 90vh;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    animation: zoomIn 0.4s ease;
    background: black;
    transform: scale(1);
    transition: height 0.5s ease, transform 0.5s ease;
    touch-action: none;  pinch/drag を JS で制御 
    user-select: none;
}*/

.img-modal-content {
    max-width: 90vw;             /* 画面幅に収まるように */
    max-height: 90vh;            /* 画面高に収まるように */
    object-fit: contain;
    background: black;
    transform: scale(1);
    transition: transform 0.5s ease;
    touch-action: none;          /* pinch/drag を JS で制御 */
    user-select: none;
}

.img-modal-content.wide-img {
    height: 50vh;
}

.iframe_pdf{
    width: 100%;
    height: 600px;
}
@media (max-width: 575px) {
    .iframe_pdf{
        height: 500px;
    }
}

/*--- スマホ用 ---*/
@media (max-width: 768px) {
    .img-modal-content {
        width: 90vw;
        height: auto !important;
        max-height: 80vh;
    }
    .img-modal-content.wide-img {
        width: 95vw;
        height: auto;
    }
    /*通知*/
    div .notice_sp.active {
        display: inline-block;
    }
     div .notice_sp {
        border-radius: 15px;
        font-size: 10px;
        background-color: red;
        color: white;
        padding: 0px 7px;
        position: absolute;
        height: 20px;
        line-height: 20px;
        top: 3px;
        left: 0px;
        z-index: 1;
    }
}


.img-modal-content.img-zoomed {
    height: 100vh;
    transform: scale(1.00);
}
/*スマホはズームで幅いっぱいに */
@media (max-width: 768px) {
    .img-modal-content.img-zoomed {
        width: 100vw;
        height: auto;
        max-height: 100vh;
        transform: scale(1.01);
    }
}

.img-modal-close {
    color: white;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    z-index: 10000;
}

.img-modal-zoom-icon {
    color: white;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    z-index: 10000;
}

.img-modal-zoom-icon.disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
}

.fancybox {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

@keyframes zoomIn {
    from {
        transform: scale(0.5);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

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



#follow .follow_button {
    visibility: hidden;
}

.follow_button {
    font-weight: bold;
    width: 150px;
    height: 33px;
    padding: 0;
    color: #ff9e23;
    line-height: 33px;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 3px;
    letter-spacing: normal;
    position: absolute;
    top: -50px;
    border: 1px solid;
    right: 10px;
    outline: none;
}

.profile_area div.follow_btn {
    position: relative;
}

.user .follow_button {
    width: 100px;
    right: 50px;
}

.follow_button:hover,
.follow_done,
.in_post_follow_button_wrapper .in_post_still_followed:hover,
.follow_button:disabled {
    background-color: #ff9e23;
    color: #fff;
}

.follow_done:not(:disabled):hover {
    background-color: #ff9e23;
    content: "フォロー中";
    font-size: 0;
    transition: background-color 400ms;
}

.follow_done:not(:disabled):hover:before {
    content: "フォロー解除";
    font-size: 14px;
}

.follow_button:before {
    padding-right: 5px;
    width: 1em;
    height: auto;
    font-family: FontAwesome;
}

#search_user .follow_button {
    width: 100px;
    right: 50px;
    font-size: 14px;
}


.eg_profile {
    padding: 3px;
    border: 1px solid #a9a9a9;
    width: 35px;
    background-color: #fff;
}

.eg_graph {
    border-radius: 50%;
}

article .eg_graph {
    width: 28px;
    height: 28px;
    margin: auto;
    margin-top: 3px;
}

.eg_tile {
    margin-top: 5px;
    padding: 3px 3px 0;
    border: 1px solid #ddd;
}

.eg_tile div {
    background-color: #af00ff;
    height: 3px;
    margin-bottom: 3px;
}

.eg_profile h3 {
    font-size: 8px;
    line-height: 8px;
    text-align: center;
    margin-bottom: 2px;
    clear: unset;
}

.eg_profile.balloon {
    height: 80px;
    left: -65px;
}

.eg_profile.balloon h3 {
    color: #000;
}

.eg_tile_numeric {
    display: none;
}


/*投稿絞り込み検索*/

#filter input[type="checkbox"]+label, #follower_filter input[type="checkbox"]+label {
    display: block;
    background: URL(/picture/check_off.png) no-repeat 98% center;
    background-size: 35px;
    border-bottom: 1px dotted #ccc;
    padding: 5px 10px 5px 5px;
    color: #555;
    text-decoration: none;
    font-size: 0.8em;
}
#filter input[type="checkbox"]:checked+label, #follower_filter input[type="checkbox"]:checked+label {
    background: URL(/picture/check_on.png) no-repeat 98% center;
    background-size: 35px;
}

div#filter,
div#follower_filter {
    padding: 10px 20px;
    border-bottom: 1px dotted #ccc;
    background: rgba(220, 220, 220, 0.7);
}

#filter>div,
#follower_filter>div {
    border: none;
}

#filter h4,
#follower_filter h4 {
    padding: 5px 5px 0;
    font-weight: bold;
}

#filter ul,
#follower_filter ul {
    list-style: none;
    margin: 0 auto 25px;
    padding: 0;
    background: #fff;
}

#filter ul.list_hide,
#follower_filter ul.list_hide {
    display: none;
}

#filter .taxonomie_title,
#follower_filter .taxonomie_title {
    background: #FFF;
    padding-left: 10px;
    border-bottom: 1px dotted #ccc;
    margin: 0;
}


#filter ul li,
#follower_filter ul li {
    padding: 0;
    margin: 0;
    padding-right: 7px;
    position: relative;
    width: 48%;
    display: inline-block;
    border-right: 1px dotted #ccc;
}

.searchPage_rightFilter #filter ul li {
    width: 100%;
    border-right: unset;
}

#filter ul li:nth-child(2n),
#follower_filter ul li:nth-child(2n) {
    border-right: none;
}

#filter input[type="radio"],
#filter input[type="checkbox"],
#follower_filter input[type="radio"],
#follower_filter input[type="checkbox"] {
    position: absolute;
    top: -5px;
    width: 100%;
}

li.normal_list.grayed,
li.speed_list.grayed,
li.thanks_list.grayed,
li.hanko_li.grayed {
    opacity: 0.3;
    pointer-events: none;
}

/* モーダルオーバーレイ */
.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; /* 最前面 */
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    pointer-events: auto; /* クリックを受け付ける */
}

/* ダイアログ本体 */
.custom-modal-dialog {
    background: white;
    border-radius: 8px;
    width: 90%;
    max-width: 320px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    padding: 20px;
    z-index: 10000;
    pointer-events: auto;
}

/* フッターのボタン */
.custom-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.btn {
    padding: 6px 12px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}
/*
.btn-secondary {
    background-color: #6c757d;
    color: white;
}

.btn-warning {
    background-color: #ffc107;
    color: white;
}
*/
.wpulike-default .count-box {
    position: relative;
    border-radius: .25em;
    font-size: 12px;
    text-decoration: none;
    background-color: #fff;
    margin-left: 8px;
    line-height: 28px;
    display: inline-block;
    padding: 0 10px;
    box-shadow: 0 0 0 1px #bdbdbd inset;
    color: #616161;
    vertical-align: middle;
    text-align: center;
}
.wpulike-default .count-box:before {
    content: '';
    position: absolute;
    border: 1px solid transparent;
    background: #fff;
    border-bottom-color: #bdbdbd;
    left: -5px;
    top: 50%;
    border-left-color: #bdbdbd;
    transform: rotate(45deg) translatey(-50%);
    width: 5px;
    height: 5px;
    margin: 0;
}
/*いいね*/
.ulp-pile-list {
    gap: 5px;
}
.ulp-img-icon {
    width: 25px;
    height: 25px;
    margin-left: -15px; /* 前の画像と重なるように */
    transition: transform 0.3s ease;
    position: relative;
    border-radius: 50%;
    border: 2px #ddd solid;
    background:#e9ecef;
    max-width: 30px !important;
}

@media screen and (max-width: 575px) {
    .ulp-img-icon {
        margin-left: -20px; /* 前の画像と重なるように */
    }
}

.tooltip-bubble {
    display: none; /* 初期は非表示 */
    position: absolute;
    top: -15px;
    left: 0;

    transform: translateY(-100%); /* 高さの分だけ上にずらす */

    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 均等5列 */
    gap: 6px;

    background: #f9f9f9;
    padding: 8px 10px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

    z-index: 1000;
    font-size: 12px;

    /* アニメーション効果（任意） */
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
    pointer-events: none;
}

.tooltip-bubble.show {
    display: grid; /* 表示時に有効にする */
    opacity: 1;
    pointer-events: auto;
}

.tooltip-bubble img {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    object-fit: cover;
}
.tooltip-bubble-bottom {
    content: '';
    display: none;
    position: absolute;
    top:-15px;
    left: 10px;
    border-width: 10px;
    border-style: solid;
    z-index: 1000;
    border-color: #f9f9f9 transparent transparent transparent;
}

.ulp-img-wrapper {
    position: relative;
    display: inline-block;
}

.hover-name {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 4px;
    margin-top: 4px;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
    z-index: 9999;
}

.ulpmodal .ulpmodal-title {
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 15px;
}
.ulp-modal-likers-list {
    min-width: 400px;
    max-width: 400px;
    max-height: 60vh;
    overflow-y: auto;   /* 縦スクロールは自動で出す */
    overflow-x: hidden; /* 横スクロールは非表示 */
}
.ulp-modal-likers-list .ulp-img-icon {
    border-radius: 50em;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    padding: 0;
    margin: 5px;
    width: 50px;
    height: 50px;
    max-width: 50px !important;
}

.ulp-img-wrapper:hover .hover-name {
    opacity: 1;
}
.wp_ulike_counter_up{
    top:1px !important;
}
@media screen and (max-width: 640px) {
    .wp_ulike_counter_up{
        right: 3% !important;
    }
    .wpulike-default .count-box {
        font-size: 10px;
    }
}

/*誕生日投稿*/
div.birthday_banner {
    background: url(/picture/birthday-banner.png) no-repeat;
    background-size: 100%;
    height: 145px;
    margin-left: -30px;
    z-index: 2;
}
div#birthday_comment {
    margin: 10px 40px 30px;
    text-align: center;
    color: darkslategray;
}
/* モーダル全体の背景オーバーレイ */
.ulpmodal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: none;
    z-index: 9999;
}

/* モーダル本体を中央に表示 */
.ulpmodal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 8px;
    max-width: 600px;
    width: 90%;
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    max-height: 80vh;
    overflow-y: auto;
}

/* 背景スクロール防止用クラス */
.body-no-scroll {
    overflow: hidden;
}

.ulp-modal-likers-list {
    display: flex;
    flex-direction: column;
    gap: 12px; /* 各ユーザーの間に余白を入れたい場合 */
}

.ulpmodal-content-good{
    position: fixed;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    border-radius: 8px;
    overflow: visible;
    padding: 30px 30px;
    top: 15%;
    left: 30%;
    max-height: 95%;
    min-width: 200px;
    min-height: 80px;
    background: #fff;
    cursor: auto;
    white-space: normal;
}
.ulpmodal-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 30px;
    width: 30px;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #b2252e;
    color: #fff;
    border: none;
    padding: 0;
    transform: translateX(50%) translateY(-50%);
    border-radius: 50em;
}

@media screen and (max-width: 640px) {
    .ulpmodal-content-good{
        width: 100%;
        height: 100%;
        left:0;
        top:0;
        max-height: 100%;
    }
    .ulpmodal-close-icon {
        top: 5%;
        right: 5%;
        margin-right: 5px;
    }
}

/*---------------------コメント削除--------------------------*/
.control_panel_comment {
    width: 150px;
    position: absolute;
    right: 10px;
    border-radius: 5px;
    border: #ddd solid 2px;
    background: #fff;
    z-index: 999;
    padding: 0px;
}

/*------------------------つぶやき-------------------------*/
#tweet.drag-active {
    border: 2px dashed #f39c12;
    background-color: #fffbea;
}

#tweet_text.dragover {
    border: 2px dashed #ffa500;
    background-color: #fff8e1;
    transition: background-color 0.2s, border 0.2s;
}

.text_area.dragover {
    border: 2px dashed #ffa500;
    background-color: #fff8e1;
    transition: background-color 0.2s, border 0.2s;
}

/*休止中・削除済ユーザー*/
span.pause_user.size-50, span.delete_user.size-50 {
    margin-top: 35px;
    margin-left: -55px;
    /*float: left;*/
    /*    height: 1em;*/
    /*    line-height: 1em;*/
    width: unset;
}
@media screen and (max-width: 575px) {
    span.pause_user.size-50, span.delete_user.size-50 {
         margin-left: -50px;
             margin-top: 30px;
    }
}
/*投稿画面のみ適応*/
.pause_user_translate{
    transform: translate(100%, 0%);
}
span.delete_user {
    color: #fff6f6;
    border: 2px solid black;
    background: #9f9f9f;
}
span.pause_user {
    color: yellow;
    border: 2px solid yellow;
    background: #9f9f9f;
}

span.pause_user, span.delete_user {
    font-size: 0.7em;
    padding: 3px 8px;
    margin-bottom: 5px;
    margin-left: 5px;
    border-radius: 3px;
    position: relative;
    top: -2px;
}
.recomment_txt img {
    height: auto !important;
    width: 75px;
}
.beginner_mark.size-45 {
    background-size: contain;
    display: block;
    transform: translate(190%, -95%);
    width: 25px;
    height: 25px;
    margin-left: -15px;
    position: absolute;
}
@media screen and (max-width: 575px) {
    .beginner_mark.size-45 {
        margin-left: -23px;
    }
    .beginner_mark.size-50{
        margin-top: 36px;      
    transform: translate(-40%, -50%);
    }
}
.pause_user.size-45, .delete_user.size-45{
/*    padding: 1px 8px;*/
    margin-top: 35px;
    margin-left: -115px;
    /* position: absolute; */
    width: unset;
    float: left;
}
.pause_user.size-60, .delete_user.size-60{
/*      padding: 1px 8px;*/
    margin-top: 35px;
    margin-left: -115px;
    /* position: absolute; */
    width: unset;
    float: left;
}
.pause_user.size-55, .delete_user.size-55{
/*    padding: 1px 8px;*/
     margin-top: 35px;
    margin-left: -115px;
    /* position: absolute; */
    width: unset;
    float: left;
}
@media screen and (max-width: 575px) {
    /*通知*/
   .pause_user.size-55, .delete_user.size-55{
        margin-top: 30px;
        margin-left: -100px;
    }
    /*メイン等のコメント*/
    .pause_user.size-60, .delete_user.size-60{
    margin-top: 30px;
    margin-left: -100px;
}
/*使用無し？念のため残す*/
.pause_user.size-45, .delete_user.size-45{
    margin-top: 30px;
    margin-left: -100px;
}
    span.pause_user, span.delete_user{
        font-size: 9px!important;
        height: 2em;
        line-height: 1em;
    }
}
master_mark.size-45 {
    background-size: contain;
    display: block;
    transform: translate(205%, -95%);
    width: 25px;
    height: 25px;
    margin-left: -15px;
}
/*通知*/
.beginner_mark.size-10 {
    background-size: contain;
    display: block;
    transform: translate(190%, 130%);
    width: 25px;
    height: 25px;
    margin-left: -15px;
}
/*コメントホバー*/
.beginner_mark.size-20 {
    background-size: contain;
    display: block;
    transform: translate(140%, -90%);
    width: 15px;
    height: 15px;
}
/*つぶやき*/
.beginner_mark.size-55 {
    background-size: contain;
    display: block;
    transform: translate(-50%, 130%);
    width: 25px;
    height: 25px;
    margin-left: -15px;
}
@media screen and (max-width: 575px) {
    .beginner_mark.size-55 {
        transform: translate(-50%, 100%)
    }
}
/*つぶやき編集モーダル*/
.beginner_mark.size-60 {
    background-size: contain;
    display: block;
    transform: translate(195%, 120%);
    width: 25px;
    height: 25px;
    margin-left: -15px;
}
/*つぶやきモーダル*/
.beginner_mark.size-65 {
    background-size: contain;
    display: block;
    transform: translate(-40%, 80%);
    width: 25px;
    height: 25px;
    margin-left: -15px;
}
@media screen and (max-width: 575px) {
    .beginner_mark.size-60 {
        transform: translate(195%, 103%);
        margin-left: -25px;
    }
}
/*-------------------------notice--------------------------------*/
/*通知*/
span.author, span.author a {
    font-weight: bold;
    color: #000;
}
span.nickname {
    color: #666;
    font-weight: normal;
}
span.author:hover {
    text-decoration: underline;
}

.size-50 {
    width: 25px;
    height: 25px;
    margin-top: 45px;
    margin-left: -15px;
    float: left;
}

.beginner_mark {
    background: url(/picture/younger.png) center no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%);
    display: block;
}
p.recomment_title {
    font-weight: bold;
    margin: 5px;
}
#content_text p.recomment_txt {
    color: #666;
    margin: 5px;
}


.s_excellent_bg #comments p, .s_excellent_bg span.author, .s_excellent_bg span.author a ,.post-meta_white{
    color: #fff;
}
#list .s_excellent_bg p {
    color: #fff;
}
#list .s_excellent_bg p {
    color: #fff;
}




/*----------------週間レポート----------------*/
table {
    margin: 0 0 1.5em;
    width: 100%;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.w_report_container table.management {
    table-layout: fixed;
}
.management th {
    background: #e9727e;
    border: solid 1px #ccc;
    color: #fff;
    text-align: center;
}
th {
    font-weight: bold;
}
.w_report_tr {
    text-align: center;
}
.w_report_container .management td {
    border: solid 1px #ccc;
    padding: 3px;
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.w_report_container {
    margin-left: -60px;
}
dd#content_text {
    word-break: break-all;
}
dd {
    margin: 0 1.5em 1.5em;
}


/*----------------誕生日----------------*/
div.birthday_notice_userdata span.beginner_mark {
    position: absolute;
    top: 90px;
    /*    left: 105px;*/
    left: 90px;
}

.size-96 {
    width: 45px;
    height: 45px;
    position: relative;
    margin-bottom: -45px;
    left: 110px;
    top: -10px;
}
.birthday_notice_article {
    background: url(/picture/birthday.png) !important;
}
.birthday_notice_logo {
    background: url(/picture/birthday-banner.png) no-repeat;
    background-size: 100%;
    height: 140px;
}
.birthday_notice {
    font-size: 22px;
    text-align: center;
    line-height: 35px;
}
div.birthday_notice_userdata {
    position: relative;
}
article .the-content a {
    font-weight: 900;
    text-decoration: none;
}
article #content_text img, article .the-content img {
    max-width: 100%;
    /*    height: auto;*/
    /*    height: 96px;*/
}
dd{
    margin: 0 1.5em 1.5em;
}
article {
    border-bottom: 1px solid #dddddd;
    padding: 15px;
    padding-bottom: 10px;
    position: relative;
}

img.avatar.avatar-50.photo, ol.comment-list img.avatar.photo.avatar-default {
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    max-width: 49px;
}
.the-content {
    /*    margin-left: 60px;*/
    word-break: break-all;
    overflow-wrap: anywhere;
}
/*----------新規登録通知-------------*/
.welcome_notice_title {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.welcome_notice_content {
    padding: 0 15px;
}
.welcome_notice_user {
    margin-top: 10px;
    text-align: center;
}
.welcome_notice_introducer {
    margin-top: 10px;
    padding-left: 15px;
    text-align: left;
}
.welcome_notice_text {
    text-align: left;
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 5px;
}
.welcome_notice_article {
    background: #FFF;
}
.author_info {
    font-weight: bold;
    color: #000;
}
.info_mark {
    width: 50px;
    /*    float: left;*/
    margin-right: 10px;
    margin-top: 5px;
}
.welcome_img {
    background: url(/picture/welcome.png);
    height: 285px;
    width: auto;
    background-size: contain;
    background-repeat: no-repeat;
}
.welcome_notice_article #content_text {
    margin: 0;
}
@media screen and (min-width: 479px) {
    .br-sp {
        display: none;
    }
}

/*----------------------サンクスカード---------------------------*/
/* モーダルオーバーレイ */
.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; /* 最前面 */
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    pointer-events: auto; /* クリックを受け付ける */
}

/* ダイアログ本体 */
.custom-modal-dialog {
    background: white;
    border-radius: 8px;
    width: 90%;
    max-width: 320px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    padding: 20px;
    z-index: 10000;
    pointer-events: auto;
}

/* フッターのボタン */
.custom-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.btn {
    padding: 6px 12px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}


/*モーダルを出したときに画面がずれるのを阻止*/
body.modal-open {
    padding-right: 0 !important;
}

/* 背景を暗くするオーバーレイ */
#modal-thankCard-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 半透明の黒 */
    z-index: 9998;
    display: none;
}
/* 背景を暗くするオーバーレイ */
#modal-edit-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 半透明の黒 */
    z-index: 9998;
    display: none;
}


/*----------customers-settings--------*/

/*----------------users-settings----------------*/











/* 基本設定*/

.balloonoya {
    position: relative;
}

.balloonoya:hover .balloon {
    display: inline;
}

.balloon {
    position: absolute;
    display: none;
    padding: 8px 0 8px 8px;
    background-color: #eee;
    color: #fff;
    left: 2px;
    bottom: 100%;
    margin-bottom: 12px;
    font-size: 80%;
    border-radius: 5px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
}

.balloon:after {
    border-top: 12px solid #eee;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -12px;
    left: 30%;
    content: "";
    position: absolute;
}

span.balloon img {
    border-radius: 5px;
    display: block;
    border: 0;
    box-shadow: none;
    float: left;
    margin-right: 8px;
}




img#preview {
    max-width: 150px;
}

span.filelabel {
    margin-right: 30px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    width: 40px;
    text-align: center;
    height: 40px;
    border-radius: 20px;
}

span.filelabel:hover {
    background: #fff0cb;
    transition: 0.5s;
}

i.far.fa-image {
    font-size: 1.8em;
    height: 100%;
    line-height: 40px;
    color: #ff9e23;
}

i#cancel {
    position: relative;
    top: -10px;
    right: 30px;
}

.dragover:after {
    content: "画像をリンクとして表示";
    font-weight: bold;
    color: #999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
    border: 2px #999 solid;
    width: 100%;
    text-align: center;
    line-height: 100%;
    background: #EEE7;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dragover {
    position: relative;
}

.dragover_on:after {
    background: #effaff9c;
    color: #007998;
    border-color: #007998;
}

span.checkbox_area {
    color: #666;
}

span.checkbox_area {
    margin-right: 15px;
    font-size: 15px;
}

span.checkbox_area select {
    border-radius: 5px;
    padding: 5px;
    width: 200px;
}


/* プロフィールリンク
  ================================================== */

.profile_area .visual img {
    object-fit: cover;
    width: 100%;
    object-position: top;
    height: 262px;
}

.visual {
    height: 262px;
}

.profile_area .avatar {
    margin-top: -25px;
    margin-left: 15px;
    border: 3px solid transparent;
    background: transparent;
}

.profile_area .avatar img {
    border: 3px solid #fff;
}

.profile_area .profile {
    padding: 0 20px;
}

.profile_area p.status {
    font-size: 0.9em;
    margin-bottom: 0;
}
.profile_area p.follow_data {
    position: relative;
    margin-bottom: 8px;
}

.profile_area p.follow_data .num {
    font-weight: bold;
}

.profile_area p.follow_data .follower {
    margin-left: 8px;
}

.profile_area p.follow_data .label {
    color: #666;
    margin-left: 3px;
}

.profile_area .author {
    font-size: 1.3em;
}

.profile_area p.mypage_score_data {
    margin-bottom: 0;
}

.wpulike-default .wp_ulike_put_image::after {
    left: 42%;
}

.profile_area span.joined_the_company {
    font-size: 0.9em;
    color: #666;
    position: absolute;
    right: 0px;
}

.mypage_score_data .nippo_score {
    margin-top: 5px;
}
.mypage_score_data .nippo_score .point-title {
    width: 200px;
    font-size: unset;
}

.nippo_score .point-box dd.mypage_score_gauge {
    width: 340px;
}

.mypage_score_data .point-box {
    padding: 0;
}

.nippo_score_wrap.mypage_score_data {
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 3px;
    border-bottom: unset;
    border-top: 1px #ddd dotted;
}

@media screen and (max-width: 479px) {
    .mypage_score_data .nippo_score .point-title {
        width: 270px;
    }
    .nippo_score .point-box dd.mypage_score_gauge {
        width: 220px;
    }
    .nippo_score_wrap.mypage_score_data {
        height: 35px;
    }
}

@media screen and (min-width: 480px) and (max-width: 1281px) {
    .nippo_score .point-box dd.mypage_score_gauge {
        width: 290px;
    }
}

.wpulike .wp_ulike_general_class {
    width: 100%;
    position: relative;
}

.wpulike.wpulike-default {
    width: 50%;
}
.wp_ulike_likers_wrapper {
    flex: auto;
    width: 70%;
    padding-top: 3px;
    margin: 0;
    margin-left: 8px;
    text-align: center;
    display: block !important;
}
.wp_ulike_likers_wrapper .ulp-pile-list .ulp-img-icon {
    height: 30px;
    width: 30px;
}

.wp_ulike_likers_wrapper:empty {
    display: block;
}



@media screen and (min-width: 480px) and (max-width: 768px) {
    span.l_col {
        width: 50px;
        height: 50px;
    }
    div.humb_control_panel .fa-paper-plane {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    div.humb_control_panel ul li {
        font-size: 14px;
        height: 50px;
        line-height: 50px;
    }
}

html .sp {
    display: none;
}

/*検索ボックス内
  ================================================== */

#sidebar-left .sub_menu_btn {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 20px;
    line-height: 40px;
    position: absolute;
    /*    top: 20px;*/
    right: -50px;
    color: #999;
}
form.searchform {
    width: 110%;
    border: 2px solid #eee;
    border-radius: 20px;
    background: #fff;
}
div#search__innner {
    display: none;
}

div#search__innner {
    display: none;
}

div#search_post {
    padding: 0px;
}

button.search_user_toggle {
    padding: 10px;
    margin-top: 10px;
    border-radius: 0;
    background: #007eff;
    float: right;
}

@media only screen and (max-width: 1079px) {
    .searchPage_rightFilter {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    div#sidebar-right {
        display: none;
    }
    div#search__innner {
        display: block;
    }
    #search__innner form.switch {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    button.search_user_toggle {
        margin-top: 25px;
    }
}

/*#プロフィールアイコン
  ================================================== */
div#profile_area {
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 1px #ddd dotted;
    display: flex;
    flex-wrap: wrap;
}

.enneagram img {
    width: 40px;
    margin-left: 5px;
}

div#visual img {
    height: 60px;
    width: auto;
    margin-left: 5px;
}

.profile_jisseki {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
    border-bottom: 1px #ddd dotted;
    margin-top: -15px;
    margin-left: -20px;
}

.profile_jisseki_content {
    width: 20%;
    height: 55px;
    margin: 5px;
    float: left;
    text-align: center;
    border-radius: 3px;
    color: white;
    padding-top: 5px;
    position: relative;
}

.profile_jisseki_content span {
    display: block;
}

.profile_jisseki_content span i {
    float: left;
    position: relative;
    left: 10px;
    top: 5px;
}

.profile_jisseki_title {
    /* border-bottom: 1px solid white; */
}

.profile_jisseki_tweet {
    border: 1px solid #00c0ef;
    color: #00c0ef;
}

.profile_jisseki_like {
    border: 1px solid #00a65a;
    color: #00a65a;
}

.profile_jisseki_comment {
    border: 1px solid #f39c12;
    color: #f39c12;
}

.profile_jisseki_thanks {
    border: 1px solid #dd4b39;
    color: #dd4b39;
}

@media (max-width: 460px) {
    .lum-lightbox-inner img {
        max-width: 100%;
    }
    .profile_jisseki {
        font-size: 0.7em;
    }
}
@media screen and (max-width: 1079px) {
    .profile_jisseki_content{
        width: 23%;
        margin: 2px;
    }
    .profile_jisseki {
        margin-left: -10px;
    }
}





/*ログインボタン*/

#filter input[type="radio"],
#follower_filter input[type="radio"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

#filter input[type="radio"]+label,
#follower_filter input[type="radio"]+label {
    display: block;
    background: URL(img/radio_off.png) no-repeat 98% center;
    background-size: 35px;
    border-bottom: 1px dotted #ccc;
    padding: 10px 20px 10px 10px;
    color: #555;
    text-decoration: none;
}

#filter input[type="radio"]:checked+label,
#follower_filter input[type="radio"]:checked+label {
    background: URL(img/radio_on.png) no-repeat 98% center;
    background-size: 35px;
}


/*お問い合わせボタン*/

#filter input[type="checkbox"],
#follower_filter input[type="checkbox"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

/*#filter input[type="checkbox"]+label,
#follower_filter input[type="checkbox"]+label {
    display: block;
    background: URL(img/check_off.png) no-repeat 98% center;
    background-size: 35px;
    border-bottom: 1px dotted #ccc;
    padding: 5px 10px 5px 5px;
    color: #555;
    text-decoration: none;
    font-size: 0.8em;
}

#filter input[type="checkbox"]:checked+label,
#follower_filter input[type="checkbox"]:checked+label {
    background: URL(img/check_on.png) no-repeat 98% center;
    background-size: 35px;
}*/

#filter li:last-child label,
#follower_filter li:last-child label {
    border-bottom: none;
}

#filter input[type="submit"]{
    display: inline-block;
    line-height: 15px;
    padding: 8px 12px;
    border-radius: 3px;
}

#follower_filter input[type="submit"] {
    display: inline-block;
    line-height: 15px;
    padding: 5px 10px;
    border-radius: 3px;
}


@media screen and (max-width: 479px) {
    #filter input[type="submit"],
    #follower_filter input[type="submit"] {
        width: 100%;
        height: 44px;
        margin-bottom: 10px;
    }
}

#follower_filter .submit_area input:first-child {
    margin-right: 4px;
}

div.toggle_title {
    border-bottom: 1px dotted #ccc;
    padding: 10px;
}

div.toggle_title i {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

div.inner_toggle_title {
    margin: 0 auto 25px;
}

#filter div.inner_toggle_title ul {
    display: none;
    margin: 0;
}

div.inner_toggle_title i {
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}

div.toggle_title i.fa-angle-up,
div.toggle_title i.toggle_up,
div.inner_toggle_title i.fa-angle-up,
div.toggle_title i.fa-angle-down.search_angle_down {
    display: none;
}

div.toggle_title i.fa-angle-up.search_angle_up {
    display: block;
}

nav.navigation a:hover{
    border-radius: 25px;
    background-color: #0093ff2e;
    color: #00bdff !important;
}
a.portalLink_open .portalGroup_list .bento-dot {
    transition: background-color 0.5s ease;
}
a.portalLink_open:hover .portalGroup_list .bento-dot {
    background-color: #00bdff !important;
}

nav.navigation a {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 1.4em;
    color: #000;
    font-weight: bold;
    padding-left: 30px;
    transition: color 0.5s ease;
}

nav.navigation_sub {
    padding-bottom: 35%;
    text-align: center;
}

nav.navigation_sub a {
    display: block;
}

div#sidebar-left {
    overflow-y: scroll;
    padding-bottom: 30px;
    scrollbar-width: none;
    z-index: 1040;
}

div#sidebar-left::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari 蟇ｾ蠢� */
}

div.request_kaizen_wrap {
    font-family: "M PLUS Rounded 1c";
    box-sizing: border-box;
    background: #ddd;
    margin-right: 10px;
    margin-bottom: 10px;
}

p.request_kaizen_title {
    text-align: center;
    font-weight: bold;
    margin: 0;
    font-size: 20px;
    line-height: 30px;
}

div.kaizen_ranking_block {
    padding: 10px 10px 1px;
}

div.kaizen_ranking_item {
    border: 2px solid #d1d1d1;
    background-color: #fff8ef;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 8px;
}

.request_kaizen_wrap .ranking_title {
    padding: 7px 0;
}

h2.myAnnotation_name {
    line-height: 18px;
    font-size: 16px;
    text-align: center;
    padding: 5px 0;
    margin: 5px 7px;
    background: #ff7f7f;
    color: #FFF;
    font-family: "M PLUS Rounded 1c";
    font-weight: bold;
}

ul.request_kaizen_three {
    margin-bottom: 10px;
    word-wrap: break-word;
}

.kaizen_more {
    text-align: center;
    cursor: pointer;
    font-size: 0.8em;
    border: 1px solid #b5b5b5;
    border-radius: 16px;
    background-color: #fffaf5;
}

.kaizen_more .fa-angle-up {
    display: none;
}

.request_kaizen_toggle {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}

.kaizen_more:hover {
    background-color: #ffffff;
}

#sidebar-left div.kaizen_ranking_more {
    width: auto;
}

#sidebar-left div.request_kaizen_list {
    margin: 10px 0;
    line-height: 1.2;
    margin-left: 1.6em;
    font-size: 0.8em;
    width: auto;
}

.request_kaizen_list_number {
    float: left;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    text-align: center;
    font-size: 0.8em;
}

.request_kaizen_list_1 {
    background: #fcff2a;
}

.request_kaizen_list_2 {
    background: #bbbbbb;
}

.request_kaizen_list_3 {
    background: #ffaa2b;
}

.request_kaizen_four_or_more {
    background: #ff7f7f;
}

.kaizen_four_or_more {
    display: none;
}


/*モバイル版　改善提案*/
@media screen and (max-width: 575px) {
    #offcanvasMenu {
        width: 250px;
        height: 100%;
        background: #fff;
        border-right: 2px solid #ddd;
        z-index: 999;
    }
    #sidebar-left p.request_kaizen_title {
        text-align: center;
        font-weight: bold;
        margin: 0;
        font-size: 14px;
        line-height: 30px;
    }
    .request_kaizen_wrap .rankings_title {
        padding: 0px 0;
    }


    #sidebar-left div.kaizen_ranking_block {
        padding: 0px 3px 5px 3px;
    }
    #sidebar-left div.request_kaizen_wrap {
        width: 230px;
        margin-left: 10px;
    }

    #sidebar-left div.kaizen_ranking_block {
        width: 220px;
    }

    #sidebar-left div.kaizen_ranking_item {
        width: 220px;
    }

    #sidebar-left div.kaizen_more {
        width: 218px;
    }

    #sidebar-left div.kaizen_four_or_more {
        width: auto;
    }

    .request_kaizen_list_number {
        width: 16px;
        height: 16px;
        line-height: 16px;
        border-radius: 8px;
        margin-top: 2px;
    }
    .request_kaizen_toggle {
        margin-top: 8px;
    }
    #sidebar-left div.request_kaizen_list {
        margin: 0px 0;
        line-height: 1.2;
        margin-left: 1.6em;
        font-size: 0.8em;
        width: auto;
    }
    div.request_kaizen_list {
        line-height: 1.2;
        margin-left: 1.6em;
        font-size: 0.8em;
        width: auto;
    }
    div.kaizen_ranking_item {
        margin: 0px 0;
    }

}

.notice {
    border-radius: 10px;
    font-size: 12px;
    background-color: red;
    color: white;
    padding: 0px 5px;
    margin-left: 5px;
    position: absolute;
    height: 20px;
    line-height: 20px;
    top: 3px;
    left: 20px;
    display: block;
}

.keisyo_notice {
    border-radius: 10px;
    font-size: 12px;
    background-color: red;
    color: white;
    padding: 0px 5px;
    margin-left: 5px;
    position: absolute;
    height: 20px;
    line-height: 20px;
    top: 3px;
    left: 20px;
    display: block;
}

.approval_notice {
    border-radius: 10px;
    font-size: 12px;
    background-color: red;
    color: white;
    padding: 0px 5px;
    margin-left: 5px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
}

.notice_sp {
    display: none;
}

.updateLink_notice::after {
    content: "NEW";
    font-size: 12px;
    color: red;
    padding: 0px 10px;
    font-weight: bold;
}


/* フォントの設定
  ================================================== */


/*見出し用スタイル*/

select#acf-field_5d5e75538ffad {
    width: 200px;
    margin-left: 10px;
    border-radius: 5px;
}

.acf-field.acf-field-select.acf-field-5d5e75538ffad {
    display: flex;
}

.nice {
    background: url(img/nice.png) no-repeat top right;
    background-size: 50%;
}

.good {
    background: url(img/good.png) no-repeat top right;
    background-size: 50%;
}

.great {
    background: url(img/great.png) no-repeat top right;
    background-size: 70%;
}

.excellent {
    background: url(img/excellent.png) no-repeat top right;
    background-size: 70%;
}

.s_excellent {
    background: url(img/superexcellent.png) no-repeat top right;
    background-size: 70%;
    color: #fff !important;
}

#list .nice_bg {
    background: -webkit-gradient(linear, left top, right bottom, from(#e86ad4), color-stop(0.3, #ffddf9), color-stop(0.8, #d68eb1), to(#ffffff));
    background-size: auto;
}

#list .good_bg {
    background: -webkit-gradient(linear, left top, right bottom, from(#97461a), color-stop(0.3, #fbd8c5), color-stop(0.8, #9a7161), to(#efdbcd));
    background-size: auto;
}

#list .great_bg {
    background-image: linear-gradient(to top left, #A5A5A5, #BABAC2, #E8E8E8, #A5A5A5, #BABAC2);
    background-size: auto;
}

#list .excellent_bg {
    background-image: linear-gradient(135deg, #a79756, #faf8c5, #a79756);
    background-size: auto;
}

#list .s_excellent_bg {
    background: -webkit-gradient(linear, left top, right bottom, from(#000000), color-stop(0.3, #1d1d1d), color-stop(0.8, #3a3a3a), to(#000000));
    background-size: auto;
}

#list .s_excellent_bg p {
    color: #fff;
}

.s_excellent_bg #comments p,
.s_excellent_bg span.author,
.s_excellent_bg span.author a {
    color: #fff;
}


/*タイムラインコンテンツのデザイン*/


/*投稿編集のモーダル　追加*/
.modal-dialog-post {
    max-width: 60%;  /* 必要な幅に変更 */
}

@media screen and (min-width: 640px) {
    .modal-dialog-post-edit{
        transform: translate(0%, 10%);  /* 必要な幅に変更 */
    }
}

.mdc {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.test_content {
    margin: 0 auto;
    padding: 40px;
}

.modal {
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

span.microtip_kaizen {
    --microtip-width: 30%;
}



.modal__content textarea {
    width: 100%;
    border: 2px solid #dddddd;
}

.main_text_title {
    cursor: pointer;
    font-weight: bold;
    padding: 5px 0;
    font-size: 14px;
    background: #fff8ef;
    border: 1px solid #f7e7d4;
    position: relative;
    border-radius: 10px 10px 0 0;
    width: 275px;
    text-align: center;
    float: left;
}

.accordion_box {
    padding-bottom: 30px;
}

.accordion_box textarea {
    padding: 0;
    margin: 0;
}

.accordion_box i.fa-angle-up {
    display: none;
}

.accordion_box a {
    display: block;
}

.contentWrap {
    margin: 10px;
}

div.contentWrap {
    margin: 0px;
}

.accordion_switch {
    cursor: pointer;
    font-weight: bold;
    padding: 5px 40px 5px 15px;
    font-size: 14px;
    background: #fff8ef;
    border: 1px solid #f7e7d4;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.accordion_switch:first-child {
    border-radius: 10px 10px 0 0;
}

.accordion_switch p {
    font-weight: bold;
}

.accordion_open {
    display: inline;
}

.annotation {
    display: inline-block;
    margin-bottom: 0px;
    text-decoration-line: underline;
    text-decoration-color: #9999ff;
    font-size: var(--font-size);
}

.annotation[role~="tooltip"][data-microtip-size="custom_1"]::after {
    /* white-space: initial; */
    width: max-content;
    white-space: pre;
    line-height: 17px;
    --font-size: 12px;
}

.modal_edit_post {
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    overflow: scroll;
}

.modal_edit {
    background: #fff;
    left: 10%;
    padding: 40px;
    position: absolute;
    top: 10%;
    transform: translate(0%, 0%);
    width: 60%;
    border-radius: 15px;
    overflow: scroll;
    max-height: 80%;
}

@media screen and (max-width: 640px) {
    .modal_edit {
        background: #fff;
        left: 10%;
        padding: 40px;
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(0%, 0%);
        width: 100%;
        max-height: 100%;
        border-radius: 15px;
    }
}
/*日報編集追加9/1*/
@media screen and (max-width: 640px) {
    .texterea_box_sp {
        overflow-y: scroll;
        max-height: 60vh;
        padding: 0 25px 25px 25px;
    }
}
.post_edit-content{
    height: 100%;
}
@media screen and (min-width: 641px) {

    .texterea_box {
        overflow-x: auto;
        max-height: 50vh;
    }
}



.modal__content {
    background: #fff;
    left: 48%;
    padding: 40px;
    /*    position: absolute;*/
    /*    top: 20%;*/
    transform: translate(0%, 0%);
    width: 100%;
    border-radius: 15px;
    /*    max-height: 90vh;
        overflow-y: auto;削除*/
}

.modal__content_vector {
    padding-bottom: 70px;
}

.modal__content .texterea_box textarea {
    /* border-radius: 0 10px 10px 0; */
}

.modal_close {
    color: #1DA1F2;
    font-size: 40px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

.modal_close {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently */
}

.modal_edit_tweet {
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    overflow: scroll;
}

.modal_tweet_edit {
    background: #fff;
    left: 10%;
    padding: 40px;
    position: absolute;
    top: 10%;
    transform: translate(0%, 0%);
    width: 70%;
    border-radius: 15px;
}

.modal_tweet-content {
    max-height: none !important;
}

@media screen and (max-width: 1079px) {
    .modal_tweet_edit {
        left: 0;
        top:0;
        width: 80%;
        padding: 20px;
        overflow: scroll;
        max-height: 100%;
    }
}
@media screen and (max-width: 640px) {
    .modal_tweet_edit {
        left: 0;
        width: 100%;
        padding: 20px;
    }
}

.mdl_edit_tweet, .mdl_tweet {
    background: #fff;
    position: absolute;
    width: 600px;
    z-index: 999;
    max-height: 700px;
    overflow-y: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    padding: 25px;
    width: 600px;
}

@media (max-width: 1080px) {
    div#mdl_edit_tweet{
        width: 80%;
    }
}
@media (max-width: 640px) {
    div#mdl_edit_tweet{
        width: 100%;
    }
}

.kurukuru_add {
    display: none;
    border: none;
    border-radius: 10px;
    background: #ff9e23;
    cursor: pointer;
    padding: 0.7em 1.2em 0.4em;
    text-align: center;
}

#modal_thanks_content .kurukuru_add {
    padding: 0.5em 1.4em 0.3em;
}

.submit_circle {
    color: #FFF;
}

.ff_submit {
    /*    font-size: 15px;*/
    font-weight: bold;
}

input.emotion_submit {
    pointer-events: none;
    background-color: #949494;
}

.submit_area {
    text-align: right;
    margin-top: 15px;
}

.texterea_box textarea {
    border-radius: 0;
    outline: 0;
    resize: none;
    box-sizing: border-box;
}

.texterea_box textarea:first-child {
    /* border-radius: 10px 10px 0 0; */
}

.texterea_box textarea:last-child {
    /* border-radius: 0 0 10px 10px;
  margin-bottom: 30px;
  padding-bottom: 20px; */
}

p.timer {
    margin: 0;
    position: absolute;
    top: 10px;
    color: #666;
}

p.edit_timer {
    margin: 0;
    position: absolute;
    top: 10px;
    color: #666;
}

p.edit_title {
    color: #666;
    bottom: 30px;
    margin-bottom: -20px;
    text-align: center;
    position: relative;
}

a.post_btn.js-modal-open.sp {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 999;
    height: 70px;
    width: 70px;
    box-shadow: 0px 2px 5px #0009;
}

div.submit_area_emotion {
    text-align: right;
}

/*追加*/
.submit_area_emotion *,
.submit_area_emotion *::before,
.submit_area_emotion *::after {
    box-sizing: content-box !important;
}



.submit_area_emotion span.emotion_icon_area {
    display: inline-block;
    padding: 0px 20px;
    border-radius: 25px;
    text-align: center;
    line-height: 0px;
    padding-top: 13px;
    box-shadow: 0px 0px 20px 1px #dddddd inset;
}

.emotion_icon_area div{
    color: #929292;
    font-weight: bold;
    font-size: 12px;
}

.submit_area_emotion input:nth-child(n+2) {
    margin-left: 15px;
}

.submit_area_emotion input[type="radio"] {
    display: none;
}

.submit_area_emotion label img,
img.post_meta_emotion {
    margin: 3px;
    padding: 8px;
}

.submit_area_emotion input.emotion_icon05[type="radio"]:checked+label img,
img.post_meta_emotion.emotion_05 {
    background: #fff600;
    border-radius: 30px;
}

.submit_area_emotion input.emotion_icon04[type="radio"]:checked+label img,
img.post_meta_emotion.emotion_04 {
    background: #d6d027;
    border-radius: 30px;
}

.submit_area_emotion input.emotion_icon03[type="radio"]:checked+label img,
img.post_meta_emotion.emotion_03 {
    background: #dde4e0;
    border-radius: 30px;
}

.submit_area_emotion input.emotion_icon02[type="radio"]:checked+label img,
img.post_meta_emotion.emotion_02 {
    background: #7c9caddb;
    border-radius: 30px;
}

.submit_area_emotion input.emotion_icon01[type="radio"]:checked+label img,
img.post_meta_emotion.emotion_01 {
    background: #5f5f5f;
    border-radius: 30px;
}

img.post_meta_emotion {
    position: absolute;
    left: -17px;
    top: -17px;
    float: right;
}

span.emotion_msg {
    color: #666;
    line-height: auto;
    line-height: -1px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    bottom: 20px;
}

textarea#vector_body {
    max-height: 40vh;
}

div.submit_area_vector input {
    display: none;
}

div.submit_area_vector label {
    display: block;
    float: left;
    cursor: pointer;
    margin: 5px 0 5px 0;
    padding: 1.4% 0 1.5% 0;
    border-right: 1px solid #dddddd;
    background: rgba(220, 220, 220, 0.5);
    font-size: 14px;
    text-align: center;
    width: 110px;
}

div.submit_area_vector label:first-of-type {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    line-height: 10px;
    height: 10px;
}

div.submit_area_vector label:last-of-type {
    border-right: 0px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    line-height: 10px;
    height: 10px;
}

div.submit_area_vector input[type="radio"]:checked+label {
    background: #327be8;
    color: white;
}

p.send-caution {
    text-align: right;
    color: #ff0000;
    font-weight: bold;
    margin: 5px;
}

#modal__content textarea#main_text,
#modal__content textarea#edit_main_text {
    border: 2px solid #dddddd;
}

span.modal_post_score {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    top: -18px;
    height: 0px;
    line-height: 0px;
}

span.modal_post_score_content {
    float: right;
    color: #555;
}

.op_select {
    width: 100%;
}

.op_select_box {
    border-radius: 5px;
    box-sizing: border-box;
    padding: 5px 15px;
    width: 90%;
    border: none;
    background: rgba(255, 248, 239, 0.5);
}

.op_select_box option {
    width: 100%;
}

select.op_select_box:focus {
    outline: none;
}

select.op_select_box:hover {
    opacity: 0.5;
}

.posting_impossible {
    position: relative;
    height: 50vh;
}


.posting_impossible:after {
    content: "1件の投稿が見つかりました";
    font-weight: bold;
    position: fixed;
    top: 40px;
    border: 2px #999 solid;
    width: calc(100% - 80px);
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.9em;
}

.posting_impossible_on:after {
    background: #f3f3f3cc;
    color: #8d8d8d;
    border-color: #8d8d8d;
}

input.impossible_submit {
    background: #b5b5b5;
    pointer-events: none;
}

input.impossible_submit:hover {
    box-shadow: none;
}

@media screen and (max-width: 1079px) {
    .texterea_box {
        overflow-x: auto;
        max-height: 50vh;
    }
}


@media screen and (max-width: 1078px) {
    span.emotion_msg {
        bottom: 5px;
    }
}

@media screen and (min-width: 641px) and (max-width: 1078px) {
    /*追加*/
    .modal-dialog {
        max-width: 80% !important;  /* 必要な幅に変更 */
    }
    /* 変更*/
    .modal__content {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    /*  携帯のレイアウト  追加*/
    .modal-dialog {
        width: 100vw !important;
        height: 100% !important;
        margin: 0 !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .modal-full-content {
        width: 100% !important;
        height: 100% !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
    }

    .modal__content {
        width: 100%;
        left: 0;
        top: 0;
        transform: translate(0, 0);
        border-radius: 0;
        padding: 0;
        padding-top: 60px;
        /*        height: 100%;*/
        font-size: 18px;
        /*        max-height: none;
                overflow-y: auto;*/
    }
    .modal .submit_area .ff_submit {
        font-size: 18px;
        width: 50%;
    }
    #modal__content .kurukuru_add {
        width: 42%;
    }
    #modal_thanks_content .kurukuru_add {
        padding: 0.1em 0.9em 0.1em;
    }

    p.timer {
        margin-left: 30px;
        margin-top: 15px;
    }
    p.edit_timer {
        margin-left: 30px;
        margin-top: 15px;
    }
    .modal_close {
        /*        top: 20px;*/
        right: 25px;
    }
    .modal_direct_mail_close_btn{
        top: -5px; 
    }
    #mdl_tweet .modal_close {
        top: 14px;
    }
    div.submit_area_vector {
        position: relative;
        top: 25px;
        left: 10px;
    }
    div.submit_area_vector label {
        max-width: 14%;
    }
    .texterea_box {
    }
    .texterea_box_sp {
        overflow-y: scroll;
        max-height: 70vh;
        padding: 0 25px 25px 25px;
    }
    .texterea_box_tweet_sp{
        max-height: 70vh;
        padding: 0 25px 25px 25px;
    }
    @media screen and (max-width: 397px) {
        .texterea_box_sp {
            overflow-y: scroll;
            max-height: 75vh;
            padding: 0;
        }
        .texterea_box_tweet_sp{
            max-height: 75vh;
            padding: 0;
        }
        .submit_area_emotion span.emotion_icon_area {
            display: inline-block;
            padding: 0px 0px;
            border-radius: 25px;
            text-align: center;
            line-height: 0px;
            padding-top: 13px;
            box-shadow: 0px 0px 20px 1px #dddddd inset;
            /*            width: 100%;*/
        }
    }
    @media screen and (max-width: 1079px) {
        .texterea_box_sp {
            overflow-y: scroll;
            max-height: 60vh;
            padding: 0;
        }
        .texterea_box_tweet_sp {
            max-height: 60vh;
            padding: 0;
        }
        .submit_area_emotion span.emotion_icon_area {
            display: inline-block;
            padding: 0px 0px;
            border-radius: 25px;
            text-align: center;
            line-height: 0px;
            padding-top: 13px;
            box-shadow: 0px 0px 20px 1px #dddddd inset;
            /*            width: 100%;*/
        }
    }

    @media screen and (min-height: 435px) {
        /*    .modal-dialog {
                height: 100vh !important;
            }*/
    }
    .texterea_box_sp textarea {
        box-sizing: border-box;
    }
    .texterea_box_tweet_sp textarea {
        box-sizing: border-box;
    }
    textarea#kaizen,
    textarea#koe,
    textarea#seika {
        height: 35%;
    }
    .modal_overlay {
        background: rgba(0, 0, 0, 0.5);
        width: max-content;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .posting_impossible:after {
        top: 60px;
        width: calc(100% - 50px);
        height: calc(50vh + 25px);
    }
}

@media screen and (max-width: 640px) {

    span.emotion_msg {
        top: 90px;
    }
    div.submit_area_vector {
        left: 0;
        top: 0px;
    }
    .submit_area_vector{
        width: 150%;
    }
    div.submit_area_vector label {
        display: inline-block; /* 幅を指定できるように */
        width: 120px;          /* 横幅を調整（お好みで） */
        text-align: center;    /* 文字を中央寄せ */
        margin: 5px 0 5px 0px;
    }
    .posting_impossible:after {
        font-size: 1.4em;
    }
}

/* タイムテーブルのボックス表示*/

a#disabled {
    pointer-events: none;
}

.thanks_post {
    position: absolute;
    bottom: 0;
    right: 0px;
    padding: 10px 0;
}

.thanks_author {
    position: absolute;
    top: 319px;
    right: 165px;
    padding: 10px 0;
    width: 75px;
}

.thanks_page {
    position: relative;
    right: 0px;
}

.thanks_author .thanks_default button.post_btn {
    width: 75px;
    border: 1px solid #ddd;
}

.thanks_default button.post_btn:hover {
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.thanks_default button.post_btn:after {
    content: '';
    display: block;
    background: url(./img/thanks_mail.png) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 40%;
}

.thanks_default button.post_btn {
    width: 130px;
    background: rgba(255, 255, 255, 0);
    border-radius: 3px;
    padding: 15px 25px;
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    transition-property: none;
    cursor: pointer;
}

.thanks_icon {
    content: '';
    display: inline-block;
    background: url(/picture/thanks_mail.png) center no-repeat;
    background-size: 1.8em;
    width: 25px;
    height: 25px;
}

span#mdl_edit_tw_up_msg,
span#mdl_tw_up_msg {
    display: block;
    height: 1em;
    color: #666;
    margin: 10px 0;
    margin-left: 60px;
}

p.mdl_tweet_title {
    margin-bottom: 15px;
    color: #666;
}

#mdl_edit_tweet{
    background: #fff;
    position: absolute;
    width: 120%;
    z-index: 999;
    max-height: 700px;
    overflow-y: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    padding: 25px;
}

#modal-edit-tweet,
#modal-tweet,
#modal-thankCard {
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
#modal-thankCard{
    overflow: scroll;
    max-height: 100%;
}

.tweet-form-tweet textarea#mdl_edit_tweet_text,
.tweet-form-tweet textarea#mdl_tweet_text {
    border: solid #ccc 1px;
    overflow: auto;
    outline: none;
    resize: none;
    height: 200px;
    font-size: 16px;
}

form#mdl_edit_tweetform p.tweet-form-tweet,
form#mdl_tweetform p.tweet-form-tweet {
    width: 90%;
    margin: 0 auto;
}

@media screen and (max-width: 479px) {
    div#mdl_edit_tweet,
    div#mdl_tweet {
        width: 100%;
        top: -100px;
        left: 0;
        transform: unset;
        border-radius: 0;
    }
    #mdl_edit_tweet{
        min-height: 360px;
    }
    #mdl p.tweet-form-tweet textarea#mdl_edit_tweet_text,
    p.tweet-form-tweet textarea#mdl_tweet_text {
        /*        font-size: 20px;*/
        max-height: 170px;
    }
}

/*#modal_thanks_content {
    left: 48%;
    position: absolute;
    top: 20%;
        transform: translate(-50%, -15%);
    width: 560px;
    height: 340px;
    border-radius: 15px;
    padding: 10px 20px 10px 15px;
}*/

#modal_thanks_content div#texterea_box {
    text-align: center;
}

#modal_thanks_content .submit_area {
    margin-top: 3px;
}

#modal_thanks_content input.ff_submit {
    border: solid 1px white;
}

textarea#thanks {
    width: 88%;
    opacity: 0.8;
    border-radius: 10px;
    border: solid 1px gray;
    height: 150px;
    margin-left: 20px;
    resize: none;
}

h3.thanks_msg_to {
    /* text-decoration: underline; */
    white-space: nowrap;
    height: 41px;
    margin-bottom: 7px;
}

h3.thanks_msg_from {
    white-space: nowrap;
    text-align: right;
    padding-top: 10px;
}

.l_col {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    float: left;
}

span.r_col {
    display: inline-block;
    float: left;
}

.sw_humb_menu {
    position: absolute;
    /*  削除  bottom: -12px;*/
    right: 0px;
    padding: 10px 0;
}

i.fas.fa-bars {
    color: rgba(0, 0, 0, 0.5);
}

.humb_menu_default button.post_btn:hover {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    background-color: #e0e0e0;
}

.humb_menu_default button.post_btn {
    width: 60px;
    background: rgba(255, 255, 255, 0);
    border-radius: 3px;
    padding: 10px 25px;
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    transition-property: none;
    cursor: pointer;
    outline: 0;
    font-size: 12px;
    box-shadow: 0px 0px 3px #999;
}

.humb_control_panel {
    width: 220px;
    position: absolute;
    bottom: 40px;
    right: 0px;
    border-radius: 5px;
    border: #ddd solid 2px;
    background: #fff;
    z-index: 1005;
    display: none;
}

.humb_control_panel ul li:hover {
    background: #fff3ea;
}

.humb_control_panel ul li {
    list-style: none;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    color: #555;
    cursor: pointer;
    font-size: 16px;
}

a.toClipboard {
    color: #555;
}

.humb_control_panel .fa-paper-plane {
    line-height: 40px;
}


/* コメントボックス表示調整 */

p.bookmark_count {
    float: right;
}

.add_bookmark i.bookmarked {
    font-weight: 900;
}

.add_bookmark .fa-bookmark {
    color: #ff0000;
    font-weight: 1;
    opacity: 0.7;
    padding: 2px;
    position: relative;
}

i.fa-spin {
    position: relative;
}

.comment_erea{
    width: 80%;
}

/* ポップアップメニューのスタイル */

/* ポップアップメニューの開閉アニメーション */
#thanksSelectBtn {
    cursor: pointer;
    border: 1px solid #555;
    border-radius: 2px;
    background: #fff;
    padding: 3px 8px;
    box-shadow: 1px 1px 1px #999;
}
#thanksSelectBtn:hover {
    background: #e4e4e4;
}
#selectThanksDesign {
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
}
/*#selectThanksDesign_bg {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: absolute;
    width: 100%;
}*/
.selectThanksDesign_content {
    left: 48%;
    position: absolute;
    top: 20%;
    transform: translate(-50%, -15%);
    width: 80vw;
    border-radius: 3px;
    background: #fff;
    border: 2px solid #ccc;
}
.selectThanksDesign-close {
    cursor: pointer;
    color: #1DA1F2;
    font-size: 30px;
    position: absolute;
    right: 5px;
    top: -3px;
}
#selectThanksDesign .selectThanksDesign_title {
    background: #ccc;
    text-align: center;
}
#selectThanksDesign .selectThanksDesign_text {
    color: #333;
}
#selectThanksDesign .js-selectThanksDesign_item {
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    box-sizing: border-box;
    height: 150px;
    width: 33.33%;
    float: left;
    padding: 8px;
}
#selectThanksDesign .js-selectThanksDesign_item:nth-child(3n) {
    border-left: none;
}
#selectThanksDesign .selectThanksDesign_selectArea {
    max-height: 70vh;
    overflow-y: auto;
    margin: 10px 0;
}

#selectThanksDesign .js-selectThanksDesign_item:hover {
    background: #e0feff;
}
#selectThanksDesign .js-selectThanksDesign_item img {
    height: 100%;
    margin: 0 auto;
    display: block;
    border: 1px solid #000;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    #selectThanksDesign .selectThanksDesign_content {
        width: 100%;
        left: 50%;
        top: 15%;
    }
    #selectThanksDesign .js-selectThanksDesign_item {
        /*        padding: 10px;*/
    }
    #selectThanksDesign .js-selectThanksDesign_item img {
        height: 95%;
        width: 100%
    }
    #selectThanksDesign .selectThanksDesign_selectArea {
        max-height: 80vh;
    }
}


/* スクロールボタンの設定 */

/*#modal_thanks_content {
    left: 45%;
    position: absolute;
    top: 20%;
        transform: translate(-50%, -15%);
    width: 560px;
    height: 420px;
    padding: 10px 20px 10px 15px;
    border-radius: 0;
    outline-width: 5px;
    outline-style: solid;
    outline-color: white;
}*/

h3.thanks_msg_to {
    position: relative;
    left: 37px;
    top: 95px;
    font-weight: bold;
    color: #0a0909cf;
    width: 220px;
    text-align: center;
    overflow: hidden;
}

h3.thanks_msg_from {
    position: relative;
    font-weight: bold;
    width: 190px;
    left: 152px;
    text-align: center;
    top: 7px;
    color: #0a0909cf;
}

textarea#thanks {
    width: 87%;
    opacity: 0.8;
    border-radius: 0;
    height: 140px;
    margin-left: 20px;
    margin-top: 106px;
}

span.count_thanks_modal {
    top: 130px;
}







/* 投稿編集削除ボタン */


.meta button {
    line-height: 0px;
    float: right;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
}

ul.post-categories {
    float: left;
}

.control_panel_btn {
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 10px;
    position: absolute;
    /*    top: 10px;*/
    right: 15px;
    color: #999;
    z-index: 998;
}

.control_panel_btn_comment {
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 10px;
    position: absolute;
    color: #999;
    right: 10px;
    top: 10px;
}

.control_panel_btn:hover,
.control_panel_btn_comment:hover {
    background: #EEE;
    cursor: pointer;
}

.ui-widget {
    font-size: unset;
}

.control_panel ul li,
.sub_menu ul li {
    list-style: none;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #555;
    cursor: pointer;
}

.control_panel_comment ul li {
    list-style: none;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    color: #555;
    cursor: pointer;
}

.control_panel,
.sub_menu {
    width: 150px;
    position: absolute;
    /*    top: 10px;*/
    right: 10px;
    border-radius: 5px;
    border: #ddd solid 2px;
    background: #fff;
    z-index: 999;
}

div.user_control_panel i {
    margin-right: 12px;
    width: 16px;
}

.user_control_panel .fa-trash-alt {
    position: relative;
    left: 1px;
}
 .user .control_panel {
     top: 10px;
    }

@media screen and (min-width: 480px) {
    .user .control_panel {
        width: 200px;
    }
}

@media screen and (max-width: 479px) {
    .user .control_panel {
        width: 270px;
    }
    div.user_control_panel i {
        width: 30px;
    }
}
/*スマホサイズのpage_title*/
@media (max-width: 575px) {
    .page_smartphone_flg {
        display: none !important;
    }
}



.control_panel ul,
.sub_menu ul,
.control_panel_comment ul {
    margin: 0;
}

.control_panel ul li:hover,
.sub_menu ul li:hover,
.control_panel_comment ul li:hover {
    background: #fff3ea;
}

.control_panel ul li.delete,
.control_panel_comment ul li.comment_delete {
    color: #d01515;
}

.control_panel ul li.delete.doDelete,
.control_panel ul li.userDelete.doUserDelete {
    color: #fff;
    background: #d01515;
}

.control_panel_comment ul li.comment_delete.doDelete_comment {
    color: #fff;
    background: #d01515;
}

button.deleteOk {
    background: #ce1515;
    color: #fff;
}

@media screen and (max-width: 640px) {
    /*削除
    .control_panel ul li,
        .control_panel_comment ul li {
            height: 60px;
            line-height: 60px;
        }  */

    /*  削除 
    .control_panel,
        .control_panel_comment {
            width: 250px;
        }*/
}



/*追加*/
.post-meta {
    font-size: 14px;
}

.control_panel {
    right: 0;
    z-index: 999;
    min-width: 160px;
}

@media (max-width: 768px) {
    .control_panel {
        right: 0;
    }
}/*追加*/

/*ダイレクトメール*/
@media (max-width: 640px) {
    .modal-title{
        font-size: 15px;
    }
}
.modal_direct_content {
    max-height:none !important;
}


/*全社実績
 ================================================== */
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
table.authors_right_side tr {
    border-bottom: 1px solid #ddd;
}

table.authors_right_side td,
table.authors_right_side th {
    text-align: center;
    padding: 5px 0;
    vertical-align: middle;
}

table.authors_right_side tbody th {
    max-width: 100px;
    word-break: break-all;
}

table.authors_right_side {
    width: 90%;
    margin: auto;
}

table.authors_right_side .thead {
    display: none;
}

table.authors_right_side tbody th {
    vertical-align: middle;
    display: none;
}

table.authors_right_side tr {
    width: 100%;
}

table.authors_right_side td {
    display: block;
    text-align: right;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

table.authors_right_side td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
}

table.authors_right_side {
    padding: 10px;
    background: #fff8ef;
}

div#calendar_wrap1 {
    background: #fff8ef;
    border-radius: 10px;
    margin-top: 20px;
    padding: 10px;
    z-index: 1006;
}

div#calendar_wrap1 h3 {
    text-align: center;
}




/* コメントボタン
  ================================================== */

.page_title .author_jisseki p {
    position: absolute;
    right: 15px;
    top: 39px;
    line-height: 1.2;
    margin: 0px;
    border: 1px solid #ddd;
    width: 80px;
    padding: 5px;
    border-radius: 10px 10px 0px 0px;
}

.main {
    position: relative;
}

@media screen and (max-width: 479px) {
    div#calendar_wrap1 {
        display: none;
        position: fixed;
        right: 0px;
        width: 350px;
        top: 80px;
        margin-top: 0;
        border-bottom: 3px solid #000;
        border-left: 2px solid #000;
        border-right: 2px solid #000;
        overflow-y: auto;
        height: 650px;
    }
    div#sidebar-right {
        display: block;
    }
    div#sidebar-right.author_page_sidebar_right {
        z-index: 1000;
    }
    div#calendar_wrap1 {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .single_jisseki_filter {
        margin-top: 31px;
    }
}

.ui-menu {
    width: 200px;
}

button.comment_button {
    color: #666;
    box-shadow: 0px 0px 3px #999;
}
.reaction_btn button {
    width: 35%;
    height: 30px;
    line-height: 30px;
    padding: 0;
    font-size: 0.8em;
    border-radius: 0;
    background: unset;
    outline: none;
}
div.wpulike-default button.wp_ulike_btn {
    box-shadow: 0px 0px 3px #999;
    width: 100%;
    top:15px;
    padding: 16px;
    background: rgba(255, 255, 255, 0);
}

.wpulike-default button.wp_ulike_btn {
    color: #616161;
    background-color: #e0e0e0;
    min-height: 30px;
    min-width: 50px;
}
.wpulike button.wp_ulike_btn {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: .25em;
    box-shadow: none;
    padding: 1em;
    border: none;
    text-align: center;
    transition: none;
    cursor: pointer;
}



.wpulike-default .wp_ulike_put_image{
    left: 42%;
}

.wpulike-default button.wp_ulike_btn:focus, .wpulike-default button.wp_ulike_btn:hover {
    color: #616161;
    background-color: #e0e0e0;
    text-decoration: none;
}
.wpulike button.wp_ulike_btn:active, .wpulike button.wp_ulike_btn:focus, .wpulike button.wp_ulike_btn:hover {
    outline: 0;
}
.wpulike-default .wp_ulike_btn:hover {
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.wpulike-default .wp_ulike_put_image{
    content: '';
    display: block;
    background: url(/picture/like.svg) no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.wpulike-default button.wp_ulike_btn {
    color: #616161;
    background-color: #e0e0e0;
    min-height: 30px;
    min-width: 50px;
}

.loadingform {
    background-image: url(https://nippo-kakumei.com/wp-content/themes/nippo-kakumei/img/load.gif);
    background-position: center;
    background-repeat: no-repeat;
    width: 120px;
    height: 35px;
}

.comment-content img {
    width: 75px;
}

/*スタンプのラジオボタン削除*/
input[type="radio"][name="comment_stamp"] {
    display: none !important;
    appearance: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
span.group_name {
    height: 100%;
    display: inline-block;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    background: #fff;
    color: #666;
    font-size: 14px;
}
span.group_name_border {
    height: 50%;
    border-bottom: 1px dotted #000;
    display: block;
    margin-right: 5px;
}



/* 繝ｪ繧ｳ繝｡繝上�繝医�繝ｼ繧ｯCSS
=========================*/

#comments .wpulike-robeen {
    text-align: right;
    margin-right: 95px;
}


/* 邨槭ｊ霎ｼ縺ｿ縲€繝ｪ繧ｻ繝�ヨ繝懊ち繝ｳ
==========================*/

#input_reset {
    background-color: gray;
}


/* 背景のレイアウト
==========================*/


/* 豌ｴ邇峨ヴ繝ｳ繧ｯ*/

.mizutama,
.mizutama article {
    background-color: #fcfcfc;
    background-image: radial-gradient(#cffcff 10%, transparent 20%), radial-gradient(#f7ddf5 10%, transparent 20%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

.mizutama {
    background-attachment: fixed;
}

.mizutama .page_title {
    background: #ffeefb;
    color: #5d5d5d;
}


/* 繧ｹ繝医Λ繧､繝�*/

.stripe,
.stripe article {
    background-image: linear-gradient( -45deg, #f5eeed 25%, #f4e2de 25%, #f4e2de 50%, #f5eeed 50%, #f5eeed 75%, #f4e2de 75%, #f4e2de);
    background-size: 30px 30px;
}

.stripe {
    background-attachment: fixed;
}

.stripe .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 迪ｫ譟�*/

.theme_cat1,
.theme_cat1 article,
.theme_cat2,
.theme_cat2 article,
.theme_cat3,
.theme_cat3 article {
    background: url("./img/theme_cat.png");
}

.theme_cat2,
.theme_cat2 article {
    background-size: cover;
}

.theme_cat3,
.theme_cat3 article {
    background-size: 150px;
}

.theme_cat1,
.theme_cat2,
.theme_cat3 {
    background-attachment: fixed;
}

.theme_cat1 .page_title,
.theme_cat2 .page_title,
.theme_cat3 .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 繝代Φ繝€*/

.theme_panda1,
.theme_panda1 article,
.theme_panda2,
.theme_panda2 article {
    background: url("./img/theme_panda.png");
}

.theme_panda1,
.theme_panda1 article {
    background-size: 150px;
}

.theme_panda1,
.theme_panda2 {
    background-attachment: fixed;
}

.theme_panda1 .page_title,
.theme_panda2 .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 蜥碁｢ｨ陌�*/

.theme_tiger,
.theme_tiger article {
    background: url("./img/theme_tiger.png");
}

.theme_tiger {
    background-attachment: fixed;
}

.theme_tiger .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 闡�*/

.theme_leaf,
.theme_leaf article {
    background: url("./img/theme_leaf.png");
    background-color: rgba(255, 255, 255, 0.2);
    background-blend-mode: lighten;
}

.theme_leaf {
    background-attachment: fixed;
}

.theme_leaf .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 譁懊ａ繧ｹ繝医Λ繧､繝�*/

.theme_slash {
    background: url("./img/theme_slash.png");
    background-size: cover;
    /* background-color: rgba(255,255,255,0.2);
  background-blend-mode: lighten; */
}

.theme_slash .ui-widget-content {
    background-color: transparent;
}

.theme_slash article:hover {
    background-color: #ffffff00;
}

.theme_slash {
    background-attachment: fixed;
}

.theme_slash .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 闖ｱ蠖｢*/

.theme_rhombus,
.theme_rhombus article {
    background: url("./img/theme_rhombus.png");
    /* background-color: rgba(255,255,255,0.25);
  background-blend-mode: lighten; */
}

.theme_rhombus {
    background-attachment: fixed;
}

.theme_rhombus .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 繧ｸ繧ｰ繧ｶ繧ｰ*/

.theme_zigzag,
.theme_zigzag article {
    background: url("./img/theme_zigzag.png");
}

.theme_zigzag {
    background-attachment: fixed;
}

.theme_zigzag .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}
/*背景のレイアウト終わり*/




/*ハンコ
  ================================================== */
.hanko_kosu {
    margin-left: 5px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: #d00 2px solid;
    text-align: center;
    color: #d00;
    padding: 5px;
    line-height: 24px;
    font-size: 0.7em;
}

.hanko_kosu span {
    color: #d00;
    font-size: 24px;
}

/*@media screen and (max-width: 479px) {
    .hanko_kosu {
        font-size: 0.5em;
    }
}*/

.wp_ulike_likers_wrapper:not(.wp_ulike_display_inline) {
    /*display:none;*/
}

.wp_ulike_general_class:hover+.wp_ulike_likers_wrapper:not(.wp_ulike_display_inline) {
    /* display: block; */
}


/*左メニュー*/

.notice {
    border-radius: 10px;
    font-size: 12px;
    background-color: red;
    color: white;
    padding: 0px 5px;
    margin-left: 5px;
    position: absolute;
    height: 20px;
    line-height: 20px;
    top: 3px;
    left: 20px;
    display: block;
}

/*マイデータグラフモーダル*/
.chart_box {
    max-width: 100%;
    width: 1000px;
    height: 400px;
    margin: 0 auto;
    /* margin-top: 25px; */
    display: block;
}
input[name="chart_toggle"], input[name="month_toggle"] {
    display: none;
}
.mydata_table_wrap table{
    background-color: white;
    margin: 0 0 1.5em;
    width: 100%;
}
.mydata_table_wrap {
    padding: 15px 25px 40px;
    position: fixed;
    min-height: 80vh;
    top: 16%;
    box-sizing: border-box;
    transform: translate(-50%, -15%);
    width: 90%;
    left: 50%;
    max-height: 97vh;
    border-radius: 10px;
}

.mydata_table_wrap table.single_jisseki th label{
    cursor: pointer;
}
.mydata_table_wrap table.single_jisseki th.active_th{
    background: #e9727e;
    color: #fff;
}
.mydata_table_wrap table.single_jisseki th{
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    background-color: #a1a1a1;
    padding: 5px;
    color: #fff;
    border: solid 1px #fff;
}

.mydata_table_wrap table.single_jisseki tbody tr{
    font-size: 16px;
    text-align: center;
    line-height: 1em;
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
    border-collapse: collapse;
}

.mydata_table_wrap table.single_jisseki th, .mydata_table_wrap table.single_jisseki td{
    padding: 8px;
}

.mydata_table_wrap .single_jisseki_inner {
    overflow-y: auto;
    max-height: 80vh;
}
.mydata_table_wrap .modal_close {
    position: fixed;
    float: right;
    border-radius: 10px;
    font-size: 20px;
}
div.single_jisseki_wrap {
    background: #fbfbfb;
}

.single_jisseki_filter {
    display: flex;
}
.single_jisseki_filter_inner, .single_jisseki_filter_title, .single_jiisseki_btn_erea {
    display: flex;
    align-items: center;
}
.single_jisseki_filter_inner select {
    border: 1px solid #ccc !important;
}
.single_jisseki_filter span {
    margin: 0 5px;
}
.single_jiisseki_btn_erea button {
    padding: 4px 8px;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 3px;
    background: #007eff;
    color: white;
    margin-left: 10px;
    border: none;
}

.loading-overlay {
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 と同じ */
    background: rgba(255,255,255,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.mydata-none {
    display: none !important;
}

/* 簡単なスピナー */
.spinner {
    border: 4px solid #ccc;
    border-top: 4px solid #333;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*ポータルランチャー*/
i.portalGroup_list {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
}
.bento-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    height: 22px;
    width: 22px;
}
.bento-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    color: #5f6368;
    background: #000000;
    overflow: hidden;
}

.portal_sidebar_list_active {
    background-color: #fd6767 !important;
}
.portal_sidebar_list:hover {
    background-color: #fd6767;
    cursor: pointer;
}



.portal_link_wrap {
    display: none;
    height: 98%;
    width: 98%;
    top: 1%;
    left: 1%;
    z-index: 9998;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    position: fixed;
    box-sizing: border-box;
}
.portalLink_listWrap {
    height: 100%;
    padding: 0 !important;
}

.portal_left {
    height: 100%;
    width: 22%;
    float: left;
    clear: both;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
}

.portal_right {
    float: left;
    width: 78%;
    height: 100%;
    padding: 0 !important;
}

h2.portal_title {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    background-color: #fd6767;
    color: #FFF;
    border-radius: 8px 0 0;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;

    margin: 0;
    display: flex;              /* フレックスボックスで中央寄せ */
    align-items: center;        /* 上下中央揃え */
    justify-content: center;    /* 左右中央揃え */
    padding: 10px 10px;         /* 上下左右の余白を追加 */
    height: 50px;               /* 高さは内容に応じて変化（明示的に固定しない） */
}
.portal_sidebar {
    flex: 1;
    background-color: #b5b5b5;
    color: #FFF;
    overflow-y: auto;
    border-radius: 0 0 0 8px;
}
.portal_sidebar_list, .portal_sidebar_list_all {
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 11px;
    height: 25px;
    display: flex;              /* フレックスボックスで中央寄せ */
    align-items: center;        /* 上下中央揃え */
    padding: 6px 10px;         /* 上下左右の余白を追加 */
    height: auto;               /* 高さは内容に応じて変化（明示的に固定しない） */
}
span.portal_group_edit {
    float: right;
    font-size: 18px;
}

.portal_group_name {
    display: none;
    align-items: center;
    gap: 8px; /* スペース調整、なければpaddingやmarginで調整 */
    border-bottom: 1px solid #e0e0e0;
}

.portal_group_name .portalLink_group_title {
    width: calc(95% - 100px);
    margin: 10px;
}

.portal_group_save {
    cursor: pointer;
    float: right;
    font-size: 18px;
    padding: 14px 10px;
    visibility: hidden; /* 消すけどスペースは確保 */
}

.portal_group_save.show {
    visibility: visible; /* 表示 */
}


span.portal_group_delete {
    cursor: pointer;
    float: right;
    font-size: 18px;
    padding: 14px 12px;
}

.portal_header_title {
    color: #FFF;
    background-color: #b5b5b5;
    font-weight: bold;
    font-size: 20px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 0 8px 0 0;
    overflow: hidden;
    border-bottom: 1px solid #efefef;

    width: 100%;            /* 横幅を親と同じに */
    height: 50px;           /* 縦幅を広げる（好みで調整） */
    display: flex;          /* 中央寄せしたい場合 */
    align-items: center;    /* 上下中央に配置 */
    padding: 0 16px;        /* 左右に余白（好みで調整） */
}
.portal_link_help {
    position: absolute;
    top: 13px;
    right: 55px;
    cursor: pointer;
}
.portal_link_help_icon {
    color: #FFF;
}
.fa-circle-question:before, .fa-question-circle:before {
    content: "\f059";
}
.portal_close {
    color: #FFF;
    font-size: 40px;
    cursor: pointer;
    position: absolute;
    /*top: 10px;*/
    right: 15px;
}
.portal_link_block {
    height: calc(100% - 51px);
    overflow-y: auto;
    border-radius: 0 0 8px;
}
.portal_group {
    margin: 0;
}
li.portal_group_item {
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
    padding-bottom: 0;
    min-height: 50px;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #b5b5b5;
    position: relative;
}
.portal_group_title {
    margin-bottom: 5px;
}
.portalGroup_innerLink {
    margin: 0;
}
.fa-trash-can:before {
    content: "\f2ed";
}

.portal_sidebar_list_add {
    float: right;
    padding: 4px 8px;
    font-size: 40px;
    cursor: pointer;
}

.link_add {
    font-size: 40px;
    color: #b5b5b5;
    position: absolute;
    right: 10px;
    top: -10px;
    padding: 5px;
    cursor: pointer;
}

.panel-modal__content {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    z-index: 9999 !important;
    padding: 20px;
    border: 1px solid #ccc;
}
/*顔写真名簿*/


#employeeList {
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
}
#employeeList_bg {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: absolute;
    width: 100%;
}
.employeeList_content {
    left: 50%;
    position: absolute;
    top: 2%;
    transform: translate(-50%, 1%);
    width: 98%;
    box-sizing: border-box;
}
#employeeList .employeeList_title {
    position: relative;
    text-align: center;
    background-color: #444444;
}
#employeeList .employeeList_toggle {
    position: absolute;
    margin: 6px 20px;
}
#employeeList .employeeList_toggle_active {
    background-color: #55acee !important;
    color: #fff;
}
#employeeList .employeeList_toggleItem {
    float: left;
    background-color: #fff;
    font-size: 12px;
    padding: 0 15px;
    line-height: 21px;
    font-weight: bold;
    cursor: pointer;
}
#employeeList .employeeList_text {
    color: #fff;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0.0075em;
}
.employeeList-close {
    cursor: pointer;
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 10px;
}
#employeeList .employeeList_main {
    background: #fff;
    height: 85vh;
    overflow-y: auto;
    padding: 10px 20px;
}
#employeeList .employeeList_division {
    color: #525252;
    background: #d7e7ff;
    border-bottom: solid 3px #55acee;
}

#employeeList .employeeList_division, #employeeList .employeeList_store, #employeeList .employeeList_group {
    /*    background: #ccc;*/
    padding: 1px 10px;
    margin-bottom: 10px;
}

#employeeList .employeeList_store {
    margin-left: 40px;
    color: #000;
    background: #87f9ee;
    border-bottom: solid 3px #5bb7ae;
}

#employeeList .employeeList_group {
    margin-left: 40px;
    color: #525252;
    background: #fff2db;
    border-bottom: solid 3px #f89174;
}

#employeeList .employeeList_user {
    margin-left: 40px;
    margin-bottom: 10px;
}
#employeeList .employeeList_user_avatar {
    float: left;
    width: 60px;
    margin: 0 10px;
    height: 77px;
}
#employeeList .employeeList_user_avatar img {
    margin-right: unset;
    margin-left: 10%;
}
img.avatar.avatar-50.photo {
    float: left;
}

#employeeList .employeeList_user_name {
    text-align: center;
    width: 60px;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*顔写真名簿追加9/1*/
.beginner_mark.size-40 {
    background-size: contain;
    display: block;
    transform: translate(216%, 115%);
    width: 25px;
    height: 25px;
    margin-left: -15px;
    position: absolute;
}
.pause_user.size-40, .delete_user.size-40 {
    padding: 1px 8px;
    margin-top: 35px;
    margin-left: -47px;
    position: absolute;
    font-size: 9px;
    /* width: unset; */
    white-space: nowrap;
}

@media screen and (max-width: 575px) {
    .pause_user.size-40, .delete_user.size-40 {
        padding: 1px 8px;
        margin-top: 30px;
        margin-left: -41px;
        position: absolute;
        font-size: 7px;
        /* width: unset; */
        white-space: nowrap;
    }
    .beginner_mark.size-40 {
        background-size: contain;
        display: block;
        transform: translate(240%, 121%);
        width: 20px;
        height: 20px;
        margin-left: -15px;
        position: absolute;
    }
    .employeeList_content {
        left: 50%;
        position: absolute;
        top: unset;
        transform: translate(-50%, 1%);
        width: 100%;
        bottom: 0;
        box-sizing: border-box;
    }
    #employeeList .employeeList_main {
        background: #fff;
        height: 65vh;
        overflow-y: auto;
        padding: 10px 15px;
        font-size: 13px;
    }
    #employeeList .employeeList_toggleItem {
        float: left;
        background-color: #fff;
        font-size: 9px;
        padding: 0 7px;
        line-height: 15px;
        font-weight: bold;
        cursor: pointer;
    }
    #employeeList .employeeList_text {
        font-size: 0.9rem;

    }
    .employeeList-close {
        font-size: 20px;
        right: 18px;
    }
    #employeeList .employeeList_store,#employeeList .employeeList_user {
        margin-left: 30px;
    }
    img.avatar.avatar-50.photo,ol.comment-list img{
        max-width: 40px !important;
        max-height: 40px;
    }
    #employeeList .employeeList_user_avatar {
        margin: 0;

    }
}


/* 改善案ベスト　monthly Ranking
  ================================================== */


/*ランキング*/
#ranking_tabs .ui-tabs-anchor {
    padding: 4px 3px 2px;
    font-size: 0.8em;
    color: #FFF;
    display: block;
    border-radius: 0%;
    width: 94px;
    text-align: center;
    font-weight: normal;
    background-color: #b5b5b5;
    border: 2px solid #b5b5b5;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#ranking_tabs .ui-state-active {
    border: none;
}

#ranking_tabs .ui-state-active a {
    outline: unset;
    border-radius: 0%;
    background-color: #ff7f7f;
    border: 2px solid #ff5b5b;
    cursor: pointer;
    font-weight: normal;
}
.ui-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none; /* ←「・」を消す */
    background-color: white;
}

#ranking_tabs .ui-tabs-nav li {
    height: 30px;
    box-sizing: border-box;
    margin: 0 0 2px 2px;
    border-radius: 0%;
    border: none;
}

#ranking_tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: unset;
    border-bottom: 1px solid #ddd;
}

#rank_head li {
    display: inline;
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 4px 25px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background: white;
    margin: 5px;
}
#rank_head ul {
    margin: 0;
}
#list {
    border-top: 8px solid #dddddd;
}


#rank_navi_year {
    font-weight: bold;
    margin: 10px 0 10px 15px;
}

#rank_navi_month {
    font-weight: bold;
    margin: 10px 15px 10px 0;
}

.ranking_navi li a {
    font-weight: bold;
}

h3.ranking_total {
    font-size: 20px;
}

.ranking_title {
    color: white;
    font-size: 35px;
    background-color: #fd6767;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
}
.like_ranking_center {
    background: #fff8ef;
    padding: 10px 0px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border: 1px solid #ddd;
    font-weight: bold;
    font-family: cursive;
    position: relative;
    width: 98%;
    margin: 0 auto;
}

.like_ranking_center table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 25px;
    line-height: 35px;
    margin: 0 0 1.5em;
    width: 100%;
}

.like_ranking_center tr {
    border-bottom: solid 1px #8984e6;
}

.like_ranking_center td:nth-child(1) {
    background: #5bd5ff2e;
    width: 110px;
    padding-left: 25px;
}

.like_ranking_center tbody td {
    text-align: center;
    max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
}

.like_ranking_center tbody tr td a {
    font-weight: bold;
    font-family: cursive;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
tr#rkng_bg {
    background-color: chartreuse;
}

.ranking_page_filter_wrap .ranking_filter {
    width: 97%;
    background: #ddd;

}

.ranking_page_filter_wrap form::after {
    content: none;
}

.tab-active {
    background: #FFF;
    color: black;
    transition: all 0.2s ease-out;
}

.none {
    display: none;
}

p.ranking_none {
    font-size: 30px;
    text-align: center;
    margin-top: 50px;
    line-height: 50px;
}


#loading {
    display: table;
    width: 100%;
    height: 50px;
    /* position: fixed; */
    bottom: 200px;
    /* right: 60px; */
    /*background-color: #fff8ef;*/
    opacity: 0.8;
    text-align: center;
    vertical-align: middle;
    padding: 50px;
}

.kurukuru {
    background: url("./img/kurukuru.gif") center center no-repeat;
    width: 50px;
    height: 130px;
    margin: 0 auto;
}

@media (max-width: 479px) {
    #ranking_tabs .ui-tabs-anchor {
        font-size: 0.6em;
        width: 93px;
    }
}

@media (min-width: 480px) and (max-width: 548px) {
    #ranking_tabs .ui-tabs-anchor {
        font-size: 0.7em;
        width: 80px;
    }
}

@media (min-width: 1282px) {
    #ranking_tabs .ui-tabs-anchor {
        width: 104px;
    }
}

@media screen and (max-width: 1280px) {
    .ranking_title {
        font-size: 30px;
    }
}

div.bookmark_link_wrapper.active {
    display: block;
}

.bookmark_link_wrapper.stToggleItem {
    padding-left: 1.0rem;
}

/* しおりのレイアウト？ */

a.bookmark_link.b {
    position: relative;
    left: 8px;
}

@media screen and (max-width: 479px) {
    a.bookmark_link.b {
        position: relative;
        left: 10px;
    }
}

a.bookmark_link.b i.fas.fa-bookmark {
    position: relative;
    right: 4px;
}



/* 投稿・編集の文字数カウント*/

p.text_count {
    color: #666;
    margin: 0;
    position: absolute;
    top: 10px;
    right: 50px;
}

p.edit_text_count {
    color: #666;
    margin: 0;
    position: absolute;
    top: 10px;
    right: 50px;
}

@media screen and (max-width: 640px) {
    p.text_count {
        margin-right: 30px;
        margin-top: 15px;
    }
    p.edit_text_count {
        margin-right: 30px;
        margin-top: 15px;
    }
}



/* マイリストのブックマーク */

.bookmark_open {
    cursor: pointer;
}



/*削除
div.bookmark_link_wrapper {
    margin-left: 1em;
    display: none;
}*/

@media screen and (max-width: 479px) {
    #sidebar-left div.bookmark_link_wrapper {
        width: auto;
    }
}




/*分析・その他  */

#sidebar-left .stActive {
    display: block;
}


.keisyo_open,
.link_others_open,
.link_analysis_open {
    cursor: pointer;
}

.link_analysis.stToggleItem {
    padding-left: 1.0rem;
}


.link_others.stToggleItem {
    padding-left: 1.0rem;
}

.sbToggleIcon {
    float: right;
    margin-right: 12px;
}

.fasToggle {
    color: #444;
}

.sbToggleIcon .fa-angle-up {
    display: none;
}
@media screen and (max-width: 575px) {
    .sbToggleIcon {
        margin-right: 0px;
    }

}
@media screen and (max-width: 479px) {
    #sidebar-left div.keisyo_link {
        width: auto;
    }
}

/* リンク */

.link_dashboard_item {
    margin-left: 1em;
    display: none;
}

.link_dashboard_open {
    cursor: pointer;
}

@media screen and (max-width: 479px) {
    #sidebar-left div.link_dashboard_item {
        width: auto;
    }
    #sidebar-left a.link_dashboard_open {
        display: none;
    }
}

/*リンク*/
.portal_group_item ul {
    margin: 0;
    padding: 0;
}
.portalLink_innerItem img {
    width: 33px;
    height: 33px;
    object-fit: contain;
}
.portalLink_innerItem {
    display: inline-block;
    list-style-type: none;
    padding: 6px;
    position: relative;
    transition: transform .2s cubic-bezier(.333, 0, 0, 1);
    vertical-align: top;
    width: 28%;
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%);
    background-color: #FFF;
    margin-bottom: 10px;
    border-radius: 8px;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    margin-right: 10px;
}
.portalLink_hostName {
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
}

span.portalLink_edit {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
}
.portalLink_edit i.fas.fa-gear {
    font-size: unset;
    border: unset;
    color: #bbbbbb;
}

@media screen and (min-width: 769px) and (max-width: 1281px) {
    div.portal_right {
        width: 73%;
        height: 90%;
    }

    div.portal_left {
        width: 27%;
    }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
    div.portal_left {
        width: 40%;
    }
    div.portal_right {
        width: 60%;
    }
}
@media screen and (max-width: 769px) {
    .portalLink_innerItem {
        width: 90%;
    }
}
@media screen and (max-width: 575px) {

    div.portal_left {
        width: 100%;
        height: auto;
    }


    .portal_sidebar {
        position: fixed;
        top: 60px;
        /*   left: 0;*/
        width: 97.5%;       /* 画面幅いっぱい */
        height: 100%;
        z-index: 1090;
        display: none;     /* 初期は非表示 */
    }
    .portal_sidebar.active {
        display: block;    /* 開いた時に表示 */
    }
    div.portal_right {
        width: 100%;

    }
    /*        div.portal_sidebar {
            display: none;
            max-height: calc(100% - 71px);
        }*/

    .portal-menu-trigger {
        position: absolute;
        top: 15px;
        left: 20px;
        width: 30px;
        height: 25px;
    }
    .portal-menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .portal-menu-trigger span:nth-of-type(2) {
        top: 10px;
    }
    .portal-menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }

    .portal-menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #df0000;
        border-radius: 4px;
    }
    .portal-menu-trigger, .portal-menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .portal-menu-trigger.active span:nth-of-type(1) {
        transform: rotate(45deg) translate(10px, 5px); /* 少しずらして斜め */
    }

    .portal-menu-trigger.active span:nth-of-type(2) {
        opacity: 0; /* 真ん中の線は消す */
    }

    .portal-menu-trigger.active span:nth-of-type(3) {
        transform: rotate(-45deg) translate(10px, -5px); /* 斜め反対方向 */
    }
    h2.portal_title {
        font-size: 18px;
        padding: 15px 0;
        border-radius: 8px 8px 0 0;
        height: auto;
    }
    .portal_link_help {
        position: absolute;
        top: -35px;
        right: 55px;
        cursor: pointer;
    }
    .portal_header_title {
        font-size: 15px;
        padding: 5px 15px;
        border-radius: unset;
    }
    .portal_close {
        top: -55px;
        right: 16px;
    }
    div.portal_link_block {
        height: 87%;
        border-radius: 0 0 8px 8px;
    }
    li.portal_group_item {
        padding: 10px 15px;
    }
    /*        .portalLink_innerItem {
            width: 90%;
        }*/
    span.portalLink_edit {
        top: 0px;
        right: 5px;
    }
    .link_info {
        line-height: 26px;
    }
    li.portal_group_item {
    font-size: 15px;
    }
    .portal_header_title {
        height: 40px;
        }
    
}
@media screen and (max-width: 768px) {
    .link_info {
        width: 95%;
    }
}

/*リンクモーダル*/
.link-modal__content {
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 20%;
    transform: translate(-50%, 70%);
    width: 60%;
    border-radius: 15px;
    max-height: 90vh;
    /* overflow-y: auto; */
}
.panel-modal__content {/*6311*/
    width: 250px;
}
@media screen and (max-width: 479px) {
    h2.panel-modal_title {
        width: 100%;
        padding: 15px;
    }
}
h2.panel-modal_title {
    background: #aaa;
    width: 250px;
    position: relative;
    left: -12px;
    top: -11px;
    border-radius: 5px 5px 0 0;
    padding: 10px;
    font-size: 20px;
    /*    line-height: 20px;
        height: 20px;*/
    /*    z-index: -1;*/
}
.panel-modal-close_btn {
    color: #1DA1F2;
    font-size: 40px;
    position: absolute;
    top: -5px;
    right: 10px;
    cursor: pointer;
    z-index: 10;
}
@media screen and (max-width: 479px) {
    input.blue_submit {
        margin: 10px 50px;
        padding: 15px 20px;
        /*        font-size: 18px;*/
    }
}

.submit_area1 .blue_submit, .submit_area2 .blue_submit, .submit_area3 .blue_submit{
    margin: 0 10px;
    padding: 10px 15px;
    border-radius: 0;
    background: #007eff;
}
.panel-modal__content .submit_area {
    float: right;
}
.panel-modal_edit_content {
    width: 250px;
    border-radius: 5px;
    padding: 10px 10px;
}
/*@media screen and (min-width: 641px) {
    div#panel-modal__edit,div#panel-modal__delete{
        top: 50%;
        left: 50%;
        transform: translate(-40%, -30%);
    }
}*/



.stToggleOpen {
    cursor: pointer;
}


/*投稿modalスクロール*/
body.modal-open {
    overflow: auto !important;
}


/* 背景　*/

.theme_default{
    background-color:#fff;
}

.mizutama,
.mizutama article {
    background-color: #fcfcfc;
    background-image: radial-gradient(#cffcff 10%, transparent 20%), radial-gradient(#f7ddf5 10%, transparent 20%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

.mizutama {
    background-attachment: fixed;
}

.mizutama .page_title {
    background: #ffeefb;
    color: #5d5d5d;
}


/* ストライプ*/

.stripe,
.stripe article {
    background-image: linear-gradient( -45deg, #f5eeed 25%, #f4e2de 25%, #f4e2de 50%, #f5eeed 50%, #f5eeed 75%, #f4e2de 75%, #f4e2de);
    background-size: 30px 30px;
}

.stripe {
    background-attachment: fixed;
}

.stripe .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 猫柄*/

.theme_cat1,
.theme_cat1 article,
.theme_cat2,
.theme_cat2 article,
.theme_cat3,
.theme_cat3 article {
    background: url("/picture/theme_cat.png");
}

.theme_cat2,
.theme_cat2 article {
    background-size: cover;
}

.theme_cat3,
.theme_cat3 article {
    background-size: 150px;
}

.theme_cat1,
.theme_cat2,
.theme_cat3 {
    background-attachment: fixed;
}

.theme_cat1 .page_title,
.theme_cat2 .page_title,
.theme_cat3 .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* パンダ*/

.theme_panda1,
.theme_panda1 article,
.theme_panda2,
.theme_panda2 article {
    background: url("/picture/theme_panda.png");
}

.theme_panda1,
.theme_panda1 article {
    background-size: 150px;
}

.theme_panda1,
.theme_panda2 {
    background-attachment: fixed;
}

.theme_panda1 .page_title,
.theme_panda2 .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 和風虎*/

.theme_tiger,
.theme_tiger article {
    background: url("/picture/theme_tiger.png");
}

.theme_tiger {
    background-attachment: fixed;
}

.theme_tiger .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 葉*/

.theme_leaf,
.theme_leaf article {
    background: url("/picture/theme_leaf.png");
    background-color: rgba(255, 255, 255, 0.2);
    background-blend-mode: lighten;
}

.theme_leaf {
    background-attachment: fixed;
}

.theme_leaf .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 斜めストライプ*/

.theme_slash {
    background: url("/picture/theme_slash.png");
    background-size: cover;
    /* background-color: rgba(255,255,255,0.2);
  background-blend-mode: lighten; */
}

.theme_slash .ui-widget-content {
    background-color: transparent;
}

.theme_slash article:hover {
    background-color: #ffffff00;
}

.theme_slash {
    background-attachment: fixed;
}

.theme_slash .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* 菱形*/

.theme_rhombus,
.theme_rhombus article {
    background: url("/picture/theme_rhombus.png");
    /* background-color: rgba(255,255,255,0.25);
  background-blend-mode: lighten; */
}

.theme_rhombus {
    background-attachment: fixed;
}

.theme_rhombus .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/* ジグザグ*/

.theme_zigzag,
.theme_zigzag article {
    background: url("/picture/theme_zigzag.png");
}

.theme_zigzag {
    background-attachment: fixed;
}

.theme_zigzag .page_title {
    background: #f5e2de;
    color: #4e4e4e;
}


/*-------------------------------メイン-------------------------------------------*/
.Addmodal {
    display: none; /* 初期非表示 */
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5); /* 背景を暗く */
}

.modal-add-content {
    background: #fff;
    left: 48%;
    padding: 40px;
    position: absolute;
    top: 20%;
    transform: translate(-50%, -15%);
    width: 60%;
    border-radius: 15px;
    max-height: 90vh;
    overflow-y: auto;
}
.toggle-box {
    width: 100%;
    border-radius: 4px;
}
#textareaH{
    width: 100%;
    border: 2px solid #333;
    border-radius: 4px;
    margin-bottom: 10px;
}
.toggle-header {
    padding: 10px;
    cursor: pointer;
    background: #fff8ef;
    border: 1px solid #f7e7d4;
}
.toggle-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.toggle-body textarea {
    width: 100%;
    height: 100px;
    border: none;
    padding: 10px;
    resize: none;
    box-sizing: border-box;
}
.scroll-wrapper {
    max-height: 600px;
    overflow-y: auto;
}

.list-itemT.selected {
    background-color: #a1d1ec;
}

.post-label {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #007bff;
    background: rgba(220, 220, 220, 0.5);
    cursor: pointer;
    font-size: 14px;
    width: 110px;
    user-select: none;
    text-align: center;
    transition: background-color 0.3s, color 0.3s;
    border: none;
}
.post-label.active {
    background-color: #007bff;
    color: #fff;
}
article .profile {
    font-size: 0.7em;
    line-height: 1.2em;
    color: #666;
}

/*日報投稿*/

#seikaMessage{
    margin: 0;
    font-size: 14px;
    margin-left: 10px;
    line-height: 22px;
}
.listBox {
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    background-color: white;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    box-sizing: border-box;
    max-height: 200px!important;
    overflow-y: auto;
    display: none;
    border: 1px solid #777;
    border-radius: 10px;
    box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px
}
.listBox.open {
    display: block;
    max-height: 200px;
}
.listItem {
    display: block;
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
}
.listItem:hover {
    background-color: #f0f0f0;
}
.select-box {
    position: relative;
    display: inline-block;
    width: 100%;
}
.list-item.selected {
    background-color: #cce5ff;
    font-weight: bold;
    cursor: pointer;
}
.selected-tag {
    /*    display: inline-block;*/
    background-color: #DEDEDE;
    border: 1px solid #DEDEDE;
    color: #555555;
    padding: 4px 8px;
    margin: 3px;
    /*    border-radius: 12px;*/
    font-size: 14px;
    position: relative;
}
.selected-tag .remove-tag {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
}
li.selected-tag {
    background-color: #ffc107; /* 黄色背景 */
    color: #000;
    font-weight: bold;
}
.kagikakko_msg, .crlf_msg {
    clear: both;
    margin: 0;
    font-size: 14px;
    margin-left: 10px;
    height: 22px;
    line-height: 22px;
}
.crlf_msg {
    color: #5c73ea;
}
.crlf_msg span {
    color: #666;
}
.crlf_msg span span {
    font-weight: bold;
    margin: 0;
    color: #444;
}

/*その他投稿*/
#customDropdownList{
    display:none;
    border:1px solid #ccc;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    z-index: 999;
    width: 50%;
    max-height: none !important;
}

/*編集*/
.tag-label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-right: .6em;
    margin-bottom: .6em;
    padding: 3px 6px;
    padding-right: 20px;
    /*    line-height: 1em;
        height: 1em;*/
    color: #555;
    text-decoration: none;
    background-color: #dedede;
    border-radius: 25px;
}
.tag-label .remove-tag-edit {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
}
.list-item-edit.selected {
    background-color: #ffecb3;
    font-weight: bold;
    border-radius: 4px;
    padding: 4px 8px;
}
/*つぶやき編集*/
.list-item-tweet-edit.selected{
    background-color: #cce5ff;
    font-weight: bold;
    cursor: pointer;
}
.tag-label .remove-tag-tweet-edit {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
}
/*つぶやき*/
.list-item-tweet-post.selected{
    background-color: #cce5ff;
    font-weight: bold;
    cursor: pointer;
}
.tag-label .remove-tag-tweet-post {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
}
/*つぶやきモーダル*/
.list-item-tweet-modal.selected{
    background-color: #cce5ff;
    font-weight: bold;
    cursor: pointer;
}
.tag-label .remove-tag-tweet-modal {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
}
.modal_tweet-content{
    background: #fff;
    left: 50%;
    padding: 30px;
    position: absolute;
    top: 20%;
    transform: translate(-50%, 50%);
    border-radius: 15px;
    max-height: 90vh;
    width: 600px;
    /*    overflow-y: auto;*/
}
@media screen and (min-width: 640px) {
    .modal_tweet-content_edit{
        transform: translate(-50%, 60%);
    }
}
@media screen and (min-width: 575px) and (max-width: 640px) {
    .modal_tweet-content{
        background: #fff;
        left: 50%;
        padding: 30px;
        position: absolute;
        top: 20%;
        transform: translate(-50%, 10%);
        border-radius: 15px;
        max-height: 90vh;
        width: 600px;
        /*    overflow-y: auto;*/
    }

}
@media screen and (max-width: 575px) {
    .modal_tweet-content{
        top: 0%;
        left: 50%;
        width: 100% !important;
        max-height: 50vh ;
        border-radius: 0 !important;
        transform: translate(-50%, 0%);
        padding: 10px ;
        font-size: 15px;
    }
    .tweet_submit_button{
        font-size: 10px;
    }
    span.filelabel {
        margin-right: 10px;
    }
    span.checkbox_area select {
        width: 130px !important;
        font-size: 12px;
    }
}
/*日報投稿モーダル*/

/*回数制限*/
.posting_impossible_on::after {
    color:#8d8d8d;
    border-color: #8d8d8d;
    content: "1日の通常投稿回数が上限に達しています";
    font-weight: bold;
    position: fixed;
    top: 40px;
    border: 2px #999 solid;
    width: calc(100% - 80px);
    height: 73%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.9em;
    background: rgba(255, 255, 255, 0.8); /* 半透明背景を追加すると見やすくなります */
    z-index: 9999; /* 最前面にするために追加推奨 */
}
.list-item-post.selected{
    background-color: #cce5ff;
    font-weight: bold;
    cursor: pointer;
}
.tag-label .remove-tag-post {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
}
.hashTagInNomalPost .hashTag_box {
    left: 50px;
    top: unset;
    bottom: -45px;
    padding-bottom: 10px;
    /* max-height: 200px; */
    /* min-width: 300px; */
    text-align: left;
}
@media screen and (max-width: 640px) {
    .nippou-content{
        padding-left: 10px !important;
        padding-right: 10px !important;
        height: 100%;
    }
    .add-modal_content {
        font-size: 12px;
    }
    .scroll-wrapper{
        max-height: 60vh;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .submit_area_emotion label img, img.post_meta_emotion {
        margin: 1px;
        padding: 5px;
    }
    .emotion-icon-img {
        width: 25px; /* 天気サイズ調整 */
        height: 25px;
    }
    .submit_area_vector  {
        width: 130%;
    }
}
/*コメント*/
.list-item-comment-.selected{
    background-color: #cce5ff;
    font-weight: bold;
    cursor: pointer;
}
.tag-label .remove-tag-comment {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
}
.comment-list span.post_date {
    color: rgb(101, 119, 134);
    font-size: 0.8em;
}

.comment_avatar{
    width: 20%;
    margin-right: 10px;
}

/*返信*/
.list-item-comment-reply.selected{
    background-color: #cce5ff;
    font-weight: bold;
    cursor: pointer;
}
.tag-label .remove-tag-comment-reply {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
}
/*   コピー＆CW引用送信モーダル   */
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
}
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}
.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(/picture/ui-icons_222222_256x240.png);
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    /*    padding: 3px 1em 3px .4em;*/
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-menu {
    margin: 0;
    padding: 0;
}
ol, ul {
    list-style: none;
}
#menu {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
}
input[type=text], input[type=email], textarea {
    color: #888888;
    border: 1px solid #dddddd;
    border-radius: 5px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
    color: #000000;
}

/**/
.selected-tagsMT {
    /*    display: inline-block;*/
    background-color: #DEDEDE;
    border: 1px solid #DEDEDE;
    color: #555555;
    padding: 4px 8px;
    margin: 3px;
    /*    border-radius: 12px;*/
    font-size: 14px;
    position: relative;
}

input[type='radio'].stamp-img {
    display: none;
}
.post-button-group {
    position: relative;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.stamp-list {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}

.group_name_wrapper {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
}

.group_name_border {
    display: block;
    height: 1px;
    background: #ccc;
    margin-top: 4px;
}

/*ハッシュタグ*/
.reComment_toggle{
    margin-bottom: 12px;
}
/*投稿ハッシュタグ編集*/
#editHashTagModalBtn{
    margin: 0 10px;
    padding: 10px 15px;
    border-radius: 0;
    background: #007eff;
}
.hash-button-group {
    margin-bottom: 10px;
}
@media screen and (max-width: 575px) {
    .mdl_edit_hashTag_title {
        font-size: 13px;
        text-align: center;
        margin-top: 10px;
        font-weight: bold;
    }
    .submit_area_hashTag {
        text-align: right;
        margin-top: 0px;
    }
    .modal_close_hashTag{
        top: 0px;
        right: 25px;
    }
    #hashTagBoxHashTagEdit {
        max-height: 330px;
        min-height: 100px;
        overflow-y: auto;
        font-size: 13px;
    }
}

.hashTag_btn {
    padding: 15px;
    /*    width: 17px;
        height: 17px;*/
    line-height: 17px;
    color: #555;
    text-align: center;
    cursor: pointer;
    float: left;
}
.hashTag_btn:hover {
    border-radius: 25px;
    background-color: #0093ff2e;
    color: #00bdff
}

#modal_hashTag_edit {
    /* background: #fff; */
    /* max-height: 72vh; */
    /* overflow-y: auto; */
    /* margin: 5% auto; */
    /* max-width: 70vh; */
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
    position: fixed;
    top: 0;
    left: 0%;
    width: 100%;
    z-index: 9999;
    /* padding: 20px; */
    border-radius: 15px;
}
.modal_hashTag_content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 20%;
    transform: translate(-50%, 20%);
    border-radius: 15px;
    /*                max-height: 90vh;*/
    overflow-y: auto;
}
@media screen and (max-width: 640px) {
    .modal_hashTag_content{
        top: 0%;
        left: 50%;
        padding: 10px;
        width: 100% !important;
        /* height: 100% !important; */
        border-radius: 0 !important;
        margin: 0 !important;
        transform: translate(-50%, 0%);
        /* padding: 0 !important; */
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 850px) {
    #modal_hashTag_edit {
        top: 0;
        left: 0;
        margin:0;
        width: 100%;
        max-height: 90%;
    }
}

.mdl_edit_hashTag_title
{
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
}

#searchBoxsHashTag {
    margin-bottom: 15px;
    border-radius: 7px;
    width: 100%;
    padding: 4px;
    line-height: 1.4;
    border: 1px solid #aaa;
    box-sizing: border-box;
}
#hashTagBoxHashTagEdit {
    position: unset;
    display: block;
    border: 1px solid #c5c5c5;
    box-shadow: none;
    border-radius: unset;
    max-height: 400px;
    min-height: 400px;
    overflow-y: auto;
}
.list-item-hashTag {
    text-align: left;
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: background 0.2s ease;
}

.list-item-hashTag:hover {
    background-color: #f5f5f5;
}

.list-item-hashTag.selected {
    background-color: #cce5ff;
    font-weight: bold;
}

.hash-button-group {
    display: flex;
    justify-content: flex-end; /* 右寄せ */
    margin-top: 20px;
}

.post-button-right{
    display: flex;
    align-items: center;
    gap: 30px;
}
@media screen and (max-width: 430px) {
    .post-button-right{
        align-items: left;
        gap: 5px;
    }
}

.stamp-img-label {
    display: inline-block;
    padding: 5px;
    border: 2px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    transition: border 0.2s;
}
.stamp-img:checked + .stamp-img-label {
    border-color: red; /* 選択されたときの枠色 */
    border-radius: 30px;
}
button:disabled {
    background-color: #949494 !important;
    color: white !important;
    opacity: 1 !important; /* ← 自動で薄くされるのを無効にする */
    pointer-events: none; /* ← 無効化は保つ */
}

.kpiWrapInModal{
    border: 1px solid #ddd;
    border-top: unset;
    padding: 5px;
}
.kpiItemInModal{
    padding: 10px;
    border-bottom: 1px dotted #ccc;
    display: flex;
}
.kpiItemInModal:last-child {
    border-bottom: none;
}
.modal_kpi_li {
    align-items: center;
    margin-bottom: 5px;
    flex-wrap: wrap;
    display: flex;
}
.modal_kpi_name {
    float: left;
    margin-right: 20px;
}
.kpi_spinner {
    text-align: center;
    margin-left: 10px;
    border-radius: 5px;
}
.kpi_spinner_minus {
    color: #ff6565;
    border: 1px solid #ff6565;
    margin: 0;
}
.modal_kpi_input {
    float: left;
    width: 100px;
}
.kpi_spinner_plus {
    color: #7f7fff;
    border: 1px solid #7f7fff;
}
.btn_kpi_add {
    cursor: pointer;
    float: left;
    width: 35px;
    font-size: 13px;
    border-right: 1px solid #7f7fff;
}
.kpi_spinner_minus .btn_kpi_add{
    border-right: 1px solid #ff6565;
}
.arrow_box {
    display: none;
    position: absolute;
    padding: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #333;
    color: #fff;
}

.arrow_wrap {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size: 100%;
}

.arrow_wrap span{
    color: #1a0dab;
    cursor: pointer;
}

.boss_item {
    display: inline-block;
}

.boss_item:hover .arrow_box {
    display: block;
}

.arrow_box:after {
    position: absolute;
    bottom: 100%;
    left: 15%;
    width: 0;
    height: 0;
    border: solid transparent;
    border-color: rgba(51, 51, 51, 0);
    border-bottom-color: #333;
    border-width: 10px;
    pointer-events: none;
    content: " ";
}

.hashTag_li:hover {
    background-color: #f8f9fa;
}

.hashTag_li.selected {
    background-color: #ffeeba;
    font-weight: bold;
}
.shiori_img {
    background: url(/picture/shiori.png) center no-repeat;
    background-size: contain;
    width: 12px;
    height: 18px;
    float: left;
}
div.shiori_panel {
    position: relative;
    top: 5px;
    float: unset;
    display: inline-block;
}
i.stamp_icon {
    right: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 30px;
}
i.stamp_icon_reply {
    right: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 30px;
}
.stamp_inner img {
    cursor: pointer;
    width: 54px;
}

.control_panel {
    z-index: 1000; /* これでボタンより上に表示される！ */
}
.control_panel li {
    padding: 8px 12px;
    margin: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.control_panel li:hover {
    background-color: #f0f0f0;
}

.control_panel li i {
    margin-right: 8px;
}


.stamp-item {
    cursor: pointer;
    border-radius: 8px;
    padding: 4px;
    transition: border 0.2s ease-in-out;
}

.stamp-item.selected {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.stamp-item.selected img{
    width: 58px;
}
.stamp-item-reply {
    cursor: pointer;
    border-radius: 8px;
    padding: 4px;
    transition: border 0.2s ease-in-out;
}

.stamp-item-reply.selected {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.stamp-item-reply.selected img{
    width: 58px;
}
a{
    text-decoration: none !important;
}
.reply_area {
    float: right;
    padding: 5px;
    margin: 10 0px;
}
.reComment_msg {
    cursor: pointer;
    margin-top: -10px;
    width: 50%;
    text-align: center;
    font-weight: bold;
    border: solid 1px #ccc;
    background: #fff;
}

@media screen and (max-width: 900px) {
    .stamp_inner img {
        width: 85%;
    }
    .stamp-item.selected img {
        width: 90%;
    }
    .stamp-item-reply.selected img{
        width: 90%;
    }
    .stamp-item {
        padding:2px;
    }
    .stamp-item-reply {
        padding:2px;
    }
    .reComment_msg {
        width: 75%;
    }
}


/*全社通知（管理者メニュー)
 ================================================== */

.news_notice_fixedSubmit {
    float: right;
    margin-top: 20px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    border: none;
    border-radius: 10px;
    background: #ff9e23;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: button;
    font-size: 12px;
    line-height: 1;
    padding: 1.12em 1.5em 1em;
}

.news_notice_modal_title {
    position: absolute;
    top: 7px;
    margin: 0;
    color: #666;
}
#modal_news_notice textarea {
    resize: none;
    /*    width: 95%;*/
    height:400px;
    font-size: 16px;
}
.modal__content textarea {
    width: 100%;
    border: 2px solid #dddddd;
}
.modal_news_notice_content {
    background: #fff;
    left: 48%;
    padding: 40px 40px 25px 40px;
    position: absolute;
    top: 20%;
    transform: translate(-50%, 20%);
    border-radius: 15px;
    max-height: 90vh;
    overflow-y: auto;
}


@media screen and (max-width: 640px) {
    .modal_news_notice_content {
        top: 0%;
        left: 50%;
        width: 100% !important;
        /*        height: 100% !important;*/
        border-radius: 0 !important;
        margin: 0 !important;
        transform: translate(-50%, 0%);
         padding: 30px 10px 15px 10px !important;
        display: flex;
        flex-direction: column;
    }
    #modal_news_notice textarea {
    height: 280px;
    }
    .modal_news_notice_close_btn{
        top: -15px;
        right: 10px;
    }
}



/*サンクスカード送信時共通部分*/
.submit_area .input.checkbox {
    margin-bottom: 0 !important;
}
#modal_thanks_content {
    padding: 0px !important;
    position: relative;
    display: inline-block;
}
.thanks_design_content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0px;
}
#thanks_design_img {
    top: 0;
    left: 0;
    width: 100%;               /* モーダル幅にフィット */
    height: auto;              /* 比率維持 */
}
@media screen and (max-width: 575px) {
    #modal_thanks_content {
        transform: translate(1%, 0%);
        width: 80%;

    }
    .thanks_design_content .modal_close {
        top: -3%;
        right: 0%;
    }
}

/* ----------------カードを送る際のモーダル--------------------- */
/*------------------赤カード------------------*/
/*#modal_thanks_content.thanks_design01 .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 40px !important;
}
.thanks_design01 textarea#thanks {
    width: 85% !important;
    height: 165px !important;
    margin-left: 42px !important;
    margin-top: 162px !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design01 .submit_area {
        top: 90% !important;
        right: 0 !important;
        margin-top: 0px !important;
        padding: 0px;
        margin: 0px;
        position: absolute;
        font-size: 2.5vw;
    }
    .ff_submit {
        font-size: 2.3vw!important;
    }
    #modal_thanks_content.thanks_design01 span.count_thanks_modal {
        top: 30%!important;
        right: 9%!important;
        font-size: 3vw!important;
    }
    .thanks_design01 textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 39% !important;
        width: 85% !important;
        position: absolute;
        top: 39% !important;
        left: 7% !important;
    }
    #modal_thanks_content.thanks_design01 h3.thanks_msg_to,
    #modal_thanks_content.thanks_design01 h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/
/*------------------不思議な国のアリス------------------*/
/*#modal_thanks_content.thanks_design_kc_alice .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 62px !important;
    background: #fff;
}
.thanks_design_kc_alice textarea#thanks {
    width: 60% !important;
    height: 278px !important;
    margin-left: 118px !important;
    margin-top: 75px !important;
}
.thanks_design_kc_alice span.count_thanks_modal {
    top: 54px!important;
    right: 107px!important;
}
#modal_thanks_content.thanks_design_kc_alice h3.thanks_msg_to {
    width: 80% !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design_kc_alice .submit_area {
        top: 100% !important;
        left: 10% !important;
        margin-top: 0px!important;
        background: #fff;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 3vw;
    }
    .ff_submit {
        font-size: 2.3vw!important;
    }
    #modal_thanks_content.thanks_design_kc_alice span.count_thanks_modal {
        top: 12% !important;
        right: 18% !important;
        font-size: 3vw!important;
    }
    .thanks_design_kc_alice textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 66% !important;
        width: 60% !important;
        position: absolute;
        top: 18% !important;
        left: 21% !important;
    }
    #modal_thanks_content.thanks_design_kc_alice h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_kc_alice h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/


/*------------------くまとねずみ------------------*/
/*#modal_thanks_content.thanks_design_kc_bearAndMouse .submit_area {
    margin-top: -10px;
    background: #fff;
    padding: 5px;
    margin: 10px;
    margin-top: 45px!important;
}
.thanks_design_kc_bearAndMouse textarea#thanks {
    width: 62% !important;
    height: 277px !important;
    margin-left: 105px !important;
    margin-top: 93px !important;
}
@media screen and (max-width: 575px) {

    #modal_thanks_content.thanks_design_kc_bearAndMouse .submit_area {
        top: 100% !important;
        left: 10% !important;
        margin-top: 0px!important;
        background: #fff;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 3vw;
    }
    .thanks_design_kc_bearAndMouse textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 67% !important;
        width: 65% !important;
        position: absolute;
        top: 22% !important;
        left: 17% !important;
    }
    .thanks_design_kc_bearAndMouse span.count_thanks_modal {
        font-size: 3vw;
    }
    .thanks_design_kc_bearAndMouse span.count_thanks_modal {
        top: 15%!important;
        right: 18%!important;
    }
    #modal_thanks_content.thanks_design_kc_bearAndMouse h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_kc_bearAndMouse h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/


/*------------------カラフルな鳥------------------*/
/*#modal_thanks_content.thanks_design_kc_bird .submit_area {
    margin-top: -10px;
    background: #fff;
    padding: 5px;
    margin: 10px;
    margin-top: 48px!important;
}
.thanks_design_kc_bird textarea#thanks {
    width: 76% !important;
    height: 257px !important;
    margin-left: 65px !important;
    margin-top: 88px !important;
}
.thanks_design_kc_bird h3.thanks_msg_to {
    top: 9% !important;
}
@media screen and (max-width: 575px) {

    #modal_thanks_content.thanks_design_kc_bird .submit_area {
        top: 100% !important;
        left: 10% !important;
        margin-top: 0px!important;
        background: #fff;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 3vw;
    }
    .thanks_design_kc_bird textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 60% !important;
        width: 75% !important;
        position: absolute;
        top: 22% !important;
        left: 12% !important;
    }
    .thanks_design_kc_bird span.count_thanks_modal {
        font-size: 3vw;
    }
    .thanks_design_kc_bird span.count_thanks_modal {
        top: 15%!important;
        right: 18%!important;
    }
    #modal_thanks_content.thanks_design_kc_bird h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_kc_bird h3.thanks_msg_from  {
        font-size: 4vw;
    }
}
*/

/*------------------蜂とケーキ------------------ */
/*#modal_thanks_content.thanks_design_kc_birthday .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 14px !important;
}
.thanks_design_kc_birthday textarea#thanks {
    width: 53% !important;
    height: 250px !important;
    margin-left: 48px !important;
    margin-top: 100px !important;
}
#modal_thanks_content.thanks_design_kc_birthday h3.thanks_msg_to {
    left: 25% !important;
    top: 12% !important;
}
#modal_thanks_content.thanks_design_kc_birthday h3.thanks_msg_from  {
    left: 76% !important;
    top: 75% !important;
}

@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design_kc_birthday .submit_area {
        top: 88% !important;
        right: 0 !important;
        margin-top: 0px !important;
        padding: 0px;
        margin: 0px;
        position: absolute;
        font-size: 2.5vw;
    }
    .ff_submit {
        font-size: 2.3vw!important;
    }
    #modal_thanks_content.thanks_design_kc_birthday span.count_thanks_modal {
        top: 22% !important;
        right: 31% !important;
        font-size: 3vw !important;
    }
    .thanks_design_kc_birthday textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 57% !important;
        width: 53% !important;
        position: absolute;
        top: 25% !important;
        left: 8% !important;
    }
    #modal_thanks_content.thanks_design_kc_birthday h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_kc_birthday h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/
/*------------------ねこの応援------------------ */
/*#modal_thanks_content.thanks_design_kc_great .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 14px !important;
}
.thanks_design_kc_great textarea#thanks {
    width: 53% !important;
    height: 250px !important;
    margin-left: 48px !important;
    margin-top: 100px !important;
}
#modal_thanks_content.thanks_design_kc_great h3.thanks_msg_to {
    left: 28% !important;
    top: 9% !important;
}
#modal_thanks_content.thanks_design_kc_great h3.thanks_msg_from  {

    left: 76% !important;
    top: 75% !important;
}

@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design_kc_great .submit_area {
        top: 88% !important;
        right: 0 !important;
        margin-top: 0px !important;
        padding: 0px;
        margin: 0px;
        position: absolute;
        font-size: 2.5vw;
    }
    .ff_submit {
        font-size: 2.3vw!important;
    }
    #modal_thanks_content.thanks_design_kc_great span.count_thanks_modal {
        top: 22% !important;
        right: 31% !important;
        font-size: 3vw !important;
    }
    .thanks_design_kc_great textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 57% !important;
        width: 53% !important;
        position: absolute;
        top: 25% !important;
        left: 8% !important;
    }
    #modal_thanks_content.thanks_design_kc_great h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_kc_great h3.thanks_msg_from  {
        font-size: 5vw !important;
    }
}*/


/*------------------蜂のいちおし------------------ */
/*#modal_thanks_content.thanks_design_kc_itioshi .submit_area {
    margin-top: -10px;
    background: #fff;
    padding: 5px;
    margin: 10px;
      margin-top: 28px!important;
}
    .thanks_design_kc_itioshi textarea#thanks {
        width: 53% !important;
        height: 273px !important;
        margin-left: 241px !important;
        margin-top: 114px !important;
    }
@media screen and (max-width: 575px) {
 
    #modal_thanks_content.thanks_design_kc_itioshi .submit_area {
        top: 100% !important;
        left: 7% !important;
        margin-top: 0px!important;
        background: #fff;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 3vw;
    }
    .thanks_design_kc_itioshi textarea#thanks {
        margin-left: 0px!important;
        margin-top: 0px!important;
        height: 65%!important;
        width: 53%!important;
        position: absolute;
        top: 27% !important;
        left: 43% !important;
    }
    .thanks_design_kc_itioshi span.count_thanks_modal {
      font-size: 3vw;
    }
}*/

/*------------------ねことつき　ピンク背景------------------*/
/*#modal_thanks_content.thanks_design_kc_monAndCat .submit_area {
    margin-top: -10px;
    background: #fff;
    padding: 5px;
    margin: 10px;
    margin-top: 93px!important;
}
.thanks_design_kc_monAndCat textarea#thanks {
    width: 71% !important;
    height: 206px !important;
    margin-left: 87px !important;
    margin-top: 97px !important;
}
.thanks_design_kc_monAndCat h3.thanks_msg_to {
    top: 9% !important;
}
                                                                    モーダルのみ適応
#modal_thanks_content.thanks_design_kc_monAndCat h3.thanks_msg_from::after {
    content: "より";
    font-size: 0.47em!important;
    flex-shrink: 0!important;
    margin-left: 0.3em!important;
    position: static!important;
    color: #503c2c;
}
#modal_thanks_content.thanks_design_kc_monAndCat h3.thanks_msg_to::after, .thanks_design_kc_monAndCat h3.thanks_msg_from::after {
    content: "さんへ";
    color: #503c2c;
    position: absolute!important;
    top: 20%!important;
    margin-left: 5%!important;
    padding-right: 0px !important;
    font-size: 0.47em!important;
}
#modal_thanks_content.thanks_design_kc_monAndCat span.count_thanks_modal {
    top: 18%!important;
    right: 12%!important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design_kc_monAndCat h3.thanks_msg_to::after, .thanks_design_kc_monAndCat h3.thanks_msg_from::after {
        right: 15% !important;
    }
    #modal_thanks_content.thanks_design_kc_monAndCat .submit_area {
        top: 100% !important;
        left: 10% !important;
        margin-top: 0px!important;
        background: #fff;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 3vw;
    }
    .thanks_design_kc_monAndCat textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 47% !important;
        width: 70% !important;
        position: absolute;
        top: 24% !important;
        left: 16% !important;
    }
    .thanks_design_kc_monAndCat span.count_thanks_modal {
        font-size: 3vw;
    }
    .thanks_design_kc_monAndCat span.count_thanks_modal {
        top: 17% !important;
        right: 11% !important;
    }
    #modal_thanks_content.thanks_design_kc_monAndCat h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_kc_monAndCat h3.thanks_msg_from  {
        font-size: 4vw!important;
    }
}*/

/*------------------蜂と花------------------*/
/*#modal_thanks_content.thanks_design_kc_niconico .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 10px !important;
}
.thanks_design_kc_niconico textarea#thanks {
    width: 52% !important;
    height: 269px !important;
    margin-left: 48px !important;
    margin-top: 84px !important;
}
.thanks_design_kc_niconico span.count_thanks_modal {
    top: 62px !important;
    right: 188px !important;
}
#modal_thanks_content.thanks_design_kc_niconico h3.thanks_msg_to {
    left: 25% !important;
    top: 12% !important;
}
#modal_thanks_content.thanks_design_kc_niconico h3.thanks_msg_from  {
    left: 76% !important;
    top: 75% !important;
}

@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design_kc_niconico .submit_area {
        top: 88% !important;
        right: 0 !important;
        margin-top: 0px !important;
        padding: 0px;
        margin: 0px;
        position: absolute;
        font-size: 2.5vw;
    }
    .ff_submit {
        font-size: 2.3vw!important;
    }
    #modal_thanks_content.thanks_design_kc_niconico span.count_thanks_modal {
        top: 14% !important;
        right: 31% !important;
        font-size: 3vw !important;
    }
    .thanks_design_kc_niconico textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 64% !important;
        width: 53% !important;
        position: absolute;
        top: 20% !important;
        left: 8% !important;
    }

    #modal_thanks_content.thanks_design_kc_niconico h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_kc_niconico h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/

/*------------------ウサギとギター------------------*/
/*#modal_thanks_content.thanks_design_kc_song .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 10px !important;
}

.thanks_design_kc_song textarea#thanks {
    width: 55% !important;
    height: 285px !important;
    margin-left: 30px !important;
    margin-top: 72px !important;
}
.thanks_design_kc_song span.count_thanks_modal {
    top: 67px!important;
    right: 189px!important;
}
#modal_thanks_content.thanks_design_kc_song h3.thanks_msg_to {
    left: 25% !important;
    top: 12% !important;
}
#modal_thanks_content.thanks_design_kc_song h3.thanks_msg_from  {
    left: 76% !important;
    top: 75% !important;
}

@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design_kc_song .submit_area {
        top: 88% !important;
        right: 0 !important;
        margin-top: 0px !important;
        padding: 0px;
        margin: 0px;
        position: absolute;
        font-size: 2.5vw;
    }
    .ff_submit {
        font-size: 2.3vw!important;
    }
    #modal_thanks_content.thanks_design_kc_song span.count_thanks_modal {
        top: 18% !important;
        right: 31% !important;
        font-size: 3vw !important;
    }
    .thanks_design_kc_song textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 68% !important;
        width: 56% !important;
        position: absolute;
        top: 17% !important;
        left: 5% !important;
    }

    #modal_thanks_content.thanks_design_kc_song h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_kc_song h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/


/*------------------ねことコーヒー------------------ */
/*#modal_thanks_content.thanks_design_kc_wantToTell .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 34px !important;
    background: #fff;
}
.thanks_design_kc_wantToTell textarea#thanks {
    width: 50% !important;
    height: 282px !important;
    margin-left: 43px !important;
    margin-top: 100px !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design_kc_wantToTell .submit_area {
        top: 100% !important;
        left: 10% !important;
        margin-top: 0px!important;
        background: #fff;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 3vw;
    }
    .ff_submit {
        font-size: 2.3vw!important;
    }
    #modal_thanks_content.thanks_design_kc_wantToTell span.count_thanks_modal {
        top: 22% !important;
        right: 31% !important;
        font-size: 3vw !important;
    }
    .thanks_design_kc_wantToTell textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 67% !important;
        width: 50% !important;
        position: absolute;
        top: 24% !important;
        left: 8% !important;
    }
    #modal_thanks_content.thanks_design_kc_wantToTell h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_kc_wantToTell h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}
*/

/*------------------青白と花------------------ */
/*#modal_thanks_content.thanks_design02 .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 35px !important;
}
.thanks_design02 textarea#thanks {
    width: 84% !important;
    height: 170px !important;
    margin-left: 45px !important;
    margin-top: 164px !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design02 .submit_area {
        top: 89% !important;
        right: 0% !important;
        margin-top: 0px!important;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 2vw;
    }
    .ff_submit {
        font-size: 2.2vw!important;
    }
    #modal_thanks_content.thanks_design02 span.count_thanks_modal {
        top: 30% !important;
        right: 8% !important;
        font-size: 3vw !important;
    }
    .thanks_design02 textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 39% !important;
        width: 84% !important;
        position: absolute;
        top: 39% !important;
        left: 8% !important;
    }
    #modal_thanks_content.thanks_design02 h3.thanks_msg_to,
    #modal_thanks_content.thanks_design02 h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/
/*------------------筆記用具みたいなカラフル------------------ */
/*#modal_thanks_content.thanks_design03 .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 35px !important;
}
.thanks_design03 textarea#thanks {
    width: 84% !important;
    height: 170px !important;
    margin-left: 45px !important;
    margin-top: 164px !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design03 .submit_area {
        top: 89% !important;
        right: 0% !important;
        margin-top: 0px!important;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 2vw;
    }
    .ff_submit {
        font-size: 2.2vw!important;
    }
    #modal_thanks_content.thanks_design03 span.count_thanks_modal {
        top: 30% !important;
        right: 8% !important;
        font-size: 3vw !important;
    }
    .thanks_design03 textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 39% !important;
        width: 84% !important;
        position: absolute;
        top: 39% !important;
        left: 8% !important;
    }
    #modal_thanks_content.thanks_design03 h3.thanks_msg_to,
    #modal_thanks_content.thanks_design03 h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/

/*------------------宇宙ねこ------------------ */
/*#modal_thanks_content.thanks_design04 .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 35px !important;
}
.thanks_design04 textarea#thanks {
    width: 84% !important;
    height: 165px !important;
    margin-left: 45px !important;
    margin-top: 164px !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design04 .submit_area {
        top: 89% !important;
        right: 0% !important;
        margin-top: -4px!important;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 2vw;
    }
    .ff_submit {
        font-size: 2.2vw!important;
    }
    #modal_thanks_content.thanks_design04 span.count_thanks_modal {
        top: 30% !important;
        right: 8% !important;
        font-size: 3vw !important;
    }
    .thanks_design04 textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 39% !important;
        width: 84% !important;
        position: absolute;
        top: 39% !important;
        left: 8% !important;
    }
    #modal_thanks_content.thanks_design04 h3.thanks_msg_to,
    #modal_thanks_content.thanks_design04 h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/
/*------------------にじいろシンプル------------------ */
/*#modal_thanks_content.thanks_design05 .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 35px !important;
}
.thanks_design05 textarea#thanks {
    width: 84% !important;
    height: 165px !important;
    margin-left: 45px !important;
    margin-top: 164px !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design05 .submit_area {
        top: 89% !important;
        right: 0% !important;
        margin-top: -4px!important;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 2vw;
    }
    .ff_submit {
        font-size: 2.2vw!important;
    }
    #modal_thanks_content.thanks_design05 span.count_thanks_modal {
        top: 30% !important;
        right: 8% !important;
        font-size: 3vw !important;
    }
    .thanks_design05 textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 39% !important;
        width: 84% !important;
        position: absolute;
        top: 39% !important;
        left: 8% !important;
    }
    #modal_thanks_content.thanks_design05 h3.thanks_msg_to,
    #modal_thanks_content.thanks_design05 h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/
/*------------------オレンジと灰色------------------ */
/*#modal_thanks_content.thanks_design06 .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 40px !important;
}
.thanks_design06 textarea#thanks {
    width: 84% !important;
    height: 165px !important;
    margin-left: 45px !important;
    margin-top: 164px !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design06 .submit_area {
        top: 89% !important;
        right: 0% !important;
        margin-top: -4px!important;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 2vw;
    }
    .ff_submit {
        font-size: 2.2vw!important;
    }
    #modal_thanks_content.thanks_design06 span.count_thanks_modal {
        top: 33% !important;
        right: 8% !important;
        font-size: 3vw !important;
    }
    .thanks_design06 textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 39% !important;
        width: 84% !important;
        position: absolute;
        top: 39% !important;
        left: 8% !important;
    }
    #modal_thanks_content.thanks_design06 h3.thanks_msg_to,
    #modal_thanks_content.thanks_design06 h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/
/*------------------表彰状------------------ */
/*#modal_thanks_content.thanks_design07 .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: -7px !important;
}
.thanks_design07 textarea#thanks {
    width: 75% !important;
    height: 160px !important;
    margin-left: 73px !important;
    margin-top: 164px !important;
}
#modal_thanks_content.thanks_design07 h3.thanks_msg_to  {
    top: 30% !important;
    right: 0% !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design07 .submit_area {
        top: 89% !important;
        right: 0% !important;
        margin-top: -30px !important;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 2vw;
    }
    .ff_submit {
        font-size: 2.2vw!important;
    }
    #modal_thanks_content.thanks_design07 span.count_thanks_modal {
        top: 33% !important;
        right: 8% !important;
        font-size: 3vw !important;
    }
    .thanks_design07 textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 39% !important;
        width: 75% !important;
        position: absolute;
        top: 39% !important;
        left: 13% !important;
    }
    #modal_thanks_content.thanks_design07 h3.thanks_msg_to  {
        top: 27% !important;
    }
    #modal_thanks_content.thanks_design07 h3.thanks_msg_to,
    #modal_thanks_content.thanks_design07 h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/

/*------------------ピンクでポップな動物たち------------------ */
/*#modal_thanks_content.thanks_design08 .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 35px !important;
}
.thanks_design08 textarea#thanks {
    width: 80% !important;
    height: 165px !important;
    margin-left: 54px !important;
    margin-top: 164px !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design08 .submit_area {
        top: 89% !important;
        right: 0% !important;
        margin-top: -4px!important;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 2vw;
    }
    .ff_submit {
        font-size: 2.2vw!important;
    }
    #modal_thanks_content.thanks_design08 span.count_thanks_modal {
        top: 33% !important;
        right: 8% !important;
        font-size: 3vw !important;
    }
    .thanks_design08 textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 39% !important;
        width: 80% !important;
        position: absolute;
        top: 39% !important;
        left: 10% !important;
    }
    #modal_thanks_content.thanks_design08 h3.thanks_msg_to,
    #modal_thanks_content.thanks_design08 h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/

/*------------------HAPPYBIRTHDAY------------------ */
/*#modal_thanks_content.thanks_design_birthday01 .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 40px !important;
}
.thanks_design_birthday01 textarea#thanks {
    width: 83% !important;
    height: 137px !important;
    margin-left: 47px !important;
    margin-top: 165px !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design_birthday01 .submit_area {
        top: 89% !important;
        right: 0% !important;
        margin-top: -4px!important;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 2vw;
    }
    .ff_submit {
        font-size: 2.2vw!important;
    }
    #modal_thanks_content.thanks_design_birthday01 span.count_thanks_modal {
        top: 30% !important;
        right: 8% !important;
        font-size: 3vw !important;
    }
    .thanks_design_birthday01 textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 32% !important;
        width: 83% !important;
        position: absolute;
        top: 39% !important;
        left: 8% !important;
    }
    #modal_thanks_content.thanks_design_birthday01 h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_birthday01 h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/
/*------------------おめでとう------------------ */
/*#modal_thanks_content.thanks_design_congrats01 .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 40px !important;
}
.thanks_design_congrats01 textarea#thanks {
    width: 83% !important;
    height: 160px !important;
    margin-left: 47px !important;
    margin-top: 165px !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design_congrats01 .submit_area {
        top: 89% !important;
        right: 0% !important;
        margin-top: -4px!important;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 2vw;
    }
    .ff_submit {
        font-size: 2.2vw!important;
    }
    #modal_thanks_content.thanks_design_congrats01 span.count_thanks_modal {
        top: 30% !important;
        right: 8% !important;
        font-size: 3vw !important;
    }
    .thanks_design_congrats01 textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 39% !important;
        width: 83% !important;
        position: absolute;
        top: 39% !important;
        left: 8% !important;
    }
    #modal_thanks_content.thanks_design_congrats01 h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_congrats01 h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/

/*------------------ほめも------------------ */
/*#modal_thanks_content.thanks_design_homemo01 .submit_area {
    margin-top: -10px;
    padding: 5px;
    margin: 10px;
    margin-top: 50px !important;
}
.thanks_design_homemo01 textarea#thanks {
    width: 83% !important;
    height: 160px !important;
    margin-left: 47px !important;
    margin-top: 165px !important;
}
@media screen and (max-width: 575px) {
    #modal_thanks_content.thanks_design_homemo01 .submit_area {
        top: 89% !important;
        right: 0% !important;
        margin-top: 5px!important;
        padding: 5px;
        margin: 10px;
        position: absolute;
        font-size: 2vw;
    }
    .ff_submit {
        font-size: 2.2vw!important;
    }
    #modal_thanks_content.thanks_design_homemo01 span.count_thanks_modal {
        top: 30% !important;
        right: 8% !important;
        font-size: 3vw !important;
    }
    .thanks_design_homemo01 textarea#thanks {
        margin-left: 0px !important;
        margin-top: 0px !important;
        height: 40% !important;
        width: 83% !important;
        position: absolute;
        top: 39% !important;
        left: 8% !important;
    }
    #modal_thanks_content.thanks_design_homemo01 h3.thanks_msg_to,
    #modal_thanks_content.thanks_design_homemo01 h3.thanks_msg_from  {
        font-size: 4vw !important;
    }
}*/


/*サンクスカード送信確認モーダル*/

.thanks_preview_modal{
    background:rgba(170, 170, 170, 0.3);
}

.thanks_preview_modal-dialog{
    position: relative;
    top: 0% !important;
    left: 45%;
    transform: translate(-50%, 0%);
    border-radius: 0px;
    padding: 15px;
    font-size: 13px;
}
@media screen and (max-width: 1281px) {
    .thanks_preview_modal-dialog{
        left: 48%;
    }
}

button.thanks_preview_ok.ui-button.ui-corner-all.ui-widget {
    background: #ff9e23;
    color: #fff;
    font-size: 10px;
}
button.thanks_preview_cancel.ui-button.ui-corner-all.ui-widget {
    font-size: 10px;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-widget .ui-widget {
    font-size: 1em !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    /*    font-size: 1em;*/
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #555555;
    text-decoration: none;
}
.ui-button {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(/picture/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}


#modal_thanks_content {
    left: 45%;
    position: absolute;
    top: 20%;
    /*    transform: translate(-50%, -15%);
        width: 560px;
        height: 420px;*/
    padding: 10px 20px 10px 15px;
    border-radius: 0;
    outline-width: 5px;
    outline-style: solid;
    outline-color: white;
}

h3.thanks_msg_to {
    position: relative;
    left: 37px;
    top: 95px;
    font-weight: bold;
    color: #0a0909cf;
    width: 220px;
    text-align: center;
    overflow: hidden;
}

h3.thanks_msg_from {
    position: relative;
    font-weight: bold;
    width: 190px;
    left: 152px;
    text-align: center;
    top: 7px;
    color: #0a0909cf;
}

textarea#thanks {
    width: 87%;
    opacity: 0.8;
    border-radius: 0;
    height: 140px;
    margin-left: 20px;
    margin-top: 106px;
}

span.count_thanks_modal {
    top: 130px;
}


/* 蜷牙ｷ昴＆繧薙が繝ｪ繧ｸ繝翫Ν */

.yosikawaThanks_wrap {
    background: #fff;
    width: 100%;
    height: 92px;
    padding: 0px 30px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
}

.yosikawaThanks_img {
    background-image: url(./img/thanks_yoshikawa03.gif);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 85%;
    margin: 0 auto;
}

.thanks_designYosikawaThanks {
    background-image: url(./img/thanks_yoshikawa03.gif);
    background-repeat: no-repeat;
    background-size: cover;
}

#modal_thanks_content.thanks_designYosikawaThanks h3.thanks_msg_to {
    position: relative;
    left: 250px;
    top: 35px;
    font-weight: bold;
    color: #fff;
    width: 220px;
    text-align: center;
}

#thanks_author.thanks_designYosikawaThanks h3.thanks_msg_to,
div.notice_thanks.thanks_designYosikawaThanks h3.thanks_msg_to {
    position: relative;
    left: 265px;
    top: 45px;
    font-weight: bold;
    color: #fff;
    width: 220px;
    text-align: center;
}

div.notice_thanks.thanks_designYosikawaThanks #content_text {
    top: 57px;
}

.thanks_designYosikawaThanks h3.thanks_msg_from {
    visibility: hidden;
}

.thanks_designYosikawaThanks textarea#thanks {
    margin-top: 65px;
    margin-bottom: 41px;
    margin-left: 28px;
}

#modal_thanks_content.thanks_designYosikawaThanks input.ff_submit {
    margin-left: 30px;
    opacity: 0.9;
}

.thanks_designYosikawaThanks span.count_thanks_modal {
    top: 100px;
}

.thanksList_panelarea {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

@media screen and (max-width: 1281px) {
    #modal_thanks_content {
        left: 50%;
    }
}

@media screen and (max-width: 575px) {
    #modal_thanks_content {
        left: 0;
        margin-left: 5px;
        width: 95%;
        background-size: contain !important;
        /* height: 100%;*/
        aspect-ratio: 4 / 1;
    }
}
@media screen and (min-width: 576px) {
    #modal_thanks_content {
        transform: translate(-50%, -15%);
        width: 560px;
        height: 420px;
    }
}


/* 繧ｵ繝ｳ繧ｯ繧ｹ陦ｨ遉ｺ縲�€夂衍繝壹�繧ｸ縺ｨ繝槭う繝壹�繧ｸ */

div.notice_thanks {
    /*    height: 421px;*/
    border: solid;
    position: relative;
}
/*
div.notice_thanks #content_text {
     box-shadow: 1px 1px 6px -7px grey; 
    width: 88%;
    height: 170px;
    overflow: auto;
    padding: 10px;
    margin: 0 auto;
        box-sizing: border-box;
    color: black;
    font-family: cursive;
    top: 125px;
    position: relative;
}*/
div.notice_thanks #content_text {
    width: 88%;

    overflow: auto;
    padding: 10px;
    margin: 0 auto;
    color: black;
    font-family: cursive;
    position: relative;
    /*     top: 125px;*/
    top: 35%; /* PC初期位置 */
}


div.notice_thanks #content_text p {
    padding: 5px;
}

div.notice_thanks #content_text p#thanks_text {
    color: #000;
    /* font-size: larger; */
    font-family: cursive;
}

/*div.notice_thanks h3.thanks_msg_to {
    position: relative;
    left: 55px;
    top: 110px;
    font-weight: bold;
    width: 220px;
    text-align: center;
    overflow: hidden;
}*/

/*div.notice_thanks h3.thanks_msg_from {
    position: relative;
    font-weight: bold;
    width: 190px;
    left: 170px;
    top: 115px;
    text-align: center;
    overflow: hidden;
}*/
/*
@media screen and (max-width: 1281px) {
    div.notice_thanks {
        height: 385px;
        border: solid;
    }
    div.notice_thanks #content_text {
        
        top: 100px;
        padding-top: 0;
    }
    div.notice_thanks.thanks_design04 #content_text {
        padding-top: 5px;
    }
    div.notice_thanks h3.thanks_msg_to {
        left: 30px;
        top: 95px;
    }
    div.notice_thanks h3.thanks_msg_from {
        width: 170px;
        left: 150px;
        top: 95px;
    }

    div.notice_thanks.thanks_design03 h3.thanks_msg_to {
        top: 95px;
    }
    div.notice_thanks.thanks_design03 h3.thanks_msg_from {
        top: 90px;
    }
}*/

/*@media screen and (max-width: 479px) {
    div.notice_thanks #content_text {
        top: 95px;
    }
    div.notice_thanks.thanks_design04 #content_text {
        padding-top: 15px;
    }
    #content .thanks_article {
        padding-right: 15px;
    }
}*/

/* 繧ｵ繝ｳ繧ｯ繧ｹ髢｢菫ゅ�繝懊ち繝ｳ縺ｨ縺� */

@media screen and (max-width: 479px) {
    div.thanks_author .pc,
    div.thanks_post .pc {
        display: block;
    }
    .thanks_author {
        top: 351px;
    }
    .thanks_author .thanks_default button.post_btn {
        height: 20px;
    }
}

.count_thanks_modal {
    color: #666;
    position: absolute;
    right: 50px;
    top: 33px;
}

.author .ui-tabs,
.author .ui-tabs-panel {
    padding: 0;
}

div#thanks_profile_area {
    padding-top: 8px;
    /* margin-bottom: 15px;*/
    border-bottom: 1px #ddd dotted;
    display: flex;
}

.submit_toast {
    display: none;
    width: 200px;
    height: 50px;
    background-color: #007cba;
    color: white;
    position: fixed;
    bottom: -2px;
    right: 5%;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 8px black;
}


.updateLink_notice::after {
    content: "NEW";
    font-size: 12px;
    color: red;
    padding: 0px 10px;
    font-weight: bold;
}

/*monthly ranking*/
.list_ranking_content_wrapper.active {
    width: 200%;
}
.list_ranking_content_wrapper {
    width: 100%;
    position: relative;
}
.list_ranking_content.active {
    width: 50%;
}
.list_ranking_content {
    float: left;
    width: 100%;
}
.Rankstyle-svg.top5.store {
    margin-left: 0px;
    width: calc(100% - 30px);
}
.ranking_inner span.fullname.store {
    max-width: 12em;
    width: 10em;
}

.ranking_inner span.store {
    font-weight: 500;
    font-family: "M PLUS Rounded 1c";
}
.ranking_inner span.fullname {
    max-width: 4.5em;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ranking.scroll_y {
    position: absolute;
    right: 0;
    width: 90%;
     padding: 2px 0%;
}
.pad .score_right {
    line-height: 1;
}

.score_right {
    display: inline-block;
    float: right;
    width: fit-content;
}
.list_ranking_content:nth-child(2) .ranking span.iine {
    display: block;
    text-align: right;
}
.ranking span.iine.store {
    float: unset;
}
.Rankstyle-svg .pad {
    line-height: 1;
    height: 1.3em;
}
.store_hanko .Rankstyle-svg li {
    line-height: 1em;
    height: 2.3em;
}
.link_msg.store a {
    position: absolute;
    right: 10px;
    bottom: 0;
}
@media only screen and (max-width: 1281px) {
        .ranking_inner .store {
        font-size: 13px;
    }
    .ranking_inner span.fullname.store {
        max-width: 8em;
        width: 6em;
    }
    .store_hanko .Rankstyle-svg li {
        line-height:0.7em;
        height: 1.7em;
    }
    .Rankstyle-svg .pad {
        line-height:0.7em;
        height: 1em;
    }
}


.page_smartphone_flg{
    z-index:1050;
}