dialog {
  position: absolute;
  left: 0; right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;
  display: block;
}

dialog:not([open]) {
  display: none;
}

dialog + .backdrop {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,0.1);
}

._dialog_overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}
/**
 * selectize.css (v0.12.6)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  /* border-left: 1px solid #d0d0d0; */
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  border-radius: 20px;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

/* 日本語コメント */
/*** base ***/
html {
    font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    line-height: 1.6;
    color: #111;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    font-size: 14px;
    background: #e9edef;
    word-wrap: break-word;
}

@media screen and (max-width: 768px) {
    body {
        font-size: 13px;
    }
}

*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
}

h1, h2, h3, h4, h5 {
    font-weight: bold;
}

h1, h2, h3, h4, h5, ul, li, figure, figcaption {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

.old-link-color a {
    text-decoration: none;
    color: #0F86B9;
}

a:hover {
    text-decoration: underline;
}

img {
    display: block;
    width: 100%;
    border: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media screen and (min-width: 769px) {
    .sp-only {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .pc-only {
        display: none !important;
    }
}

/*** header ***/
header {
    height: 65px;
    border-bottom: 1px solid #cdd8dc;
    background: #fff;
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}

.header__inner {
    width: 90%;
    max-width: 980px;
    height: 42px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.header__box {
    display: flex;
}

.header__logo {
    width: 100px;
}

.header__nav ul {
    display: flex;
}

.header__nav .nav__btn {
    position: relative;
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 0 0 10px;
}

.header__nav .nav__btn:hover, .header__nav .nav__btn.is-active {
    border-radius: 20px;
    background: #d8dee2;
}

.header__nav .nav__btn:hover .tooltip {
    opacity: 1;
}

.header__nav .nav__btn .tooltip {
    position: absolute;
    content: "";
    display: inline-block;
    bottom: -35px;
    right: 0;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    text-align: center;
    opacity: 0;
    transition: all .3s;
}

.header__nav .nav__btn .tooltip .text {
    display: inline-block;
    margin: 0 auto;
    padding: 6px 15px;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    background: #2b3233;
    border-radius: 3px;
}

.header__nav .nav__btn .tooltip .text::before {
    position: absolute;
    content: "";
    top: -6px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 7px 4px;
    border-color: transparent transparent #2b3233 transparent;
}

.header__nav .nav__icon {
    height: 100%;
    background-position: center top 10px;
    background-repeat: no-repeat;
}

.header__nav .nav__btn--home .nav__icon {
    background-image: url(/assets/common/icon-header-01-a574f2155fb3c0fc9fa18f5b4c03cdbba56767bac332ea791e210303dd00c6cb.png);
    background-size: 22px 22px;
}

.header__nav .nav__btn--post .nav__icon {
    background-image: url(/assets/common/icon-header-02-155a5737c9e31d9d9bc068d0a8f17fb40e655426a1881523f9e0d4e569db7b7a.png);
    background-size: 23px 21px;
}

.header__nav .nav__btn--msg .nav__icon {
    background-image: url(/assets/common/icon-header-03-4dd8a85babb55dff92d386f9ec9ce2531c0d5861741ac868ddc204cb3ab6b082.png);
    background-size: 23px 22px;
}

.header__nav .nav__btn--req .nav__icon {
    background-image: url(/assets/common/icon-header-04-c047d3caf2f9fbcf547a198e2bbdcacf2216f170f362d1046a896786bea983e6.png);
    background-size: 20px 22px;
}

.header__nav .nav__btn--calendar .nav__icon {
    background-image: url(/assets/common/icon-header-07-22a4733d3664afd1076793ec29898645dffb0c4b05f8a4b633451af36018d789.png);
    background-size: 20px 22px;
}

.header__nav .nav__btn--save .nav__icon {
    background-image: url(/assets/common/icon-header-05-b0c9ffc3a8cb67d6592dabbff2e147825c47ac921234f76db71a0ec600064869.png);
    background-size: 23px 19px;
    background-position: center top 11px;
}

.header__nav .nav__btn--notice .nav__icon {
    background-image: url(/assets/common/icon-header-06-a25841f669f525780c1a73d4202dc5ee37ab9e7cbc82b9c7b9b709fd15f045e0.png);
    background-size: 22px 22px;
}

.header__nav .count {
    position: absolute;
    top: 3px;
    left: 50%;
    min-width: 17px;
    height: 17px;
    border-radius: 8.5px;
    padding: 0 3px;
    background: #bc0a1c;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 17px;
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

.search-box {
    position: relative;
    margin: 0 0 0 20px;
}

.search-box form {
    width: 420px;
    height: 42px;
}

.search-box input {
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    background: #d8dee2;
}

.search-box input:placeholder-shown {
    color: #8c8c8c;
    font-size: 14px;
}

.search-box .placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px 10px 10px 40px;
    color: #8c8c8c;
    pointer-events: none;
    background: url(/assets/common/icon-search-01-37f4dd2f7b5ebde64022f8d80b491d509cc5976f64ffb82c04d7b6807597f43b.png) no-repeat left 15px center;
    background-size: 18px 18px;
}

/*** content ***/
.content {
    width: 90%;
    max-width: 980px;
    margin: 89px auto 0;
    display: flex;
    justify-content: space-between;
}

/*** sidebar ***/
#sidebar {
    width: 250px;
    flex-shrink: 0;
    padding-bottom: 20px;
}

.company {
    position: relative;
    margin: 44px 0 0;
    padding: 50px 0 40px;
    text-align: center;
    background: #fff;
}

.company__logo {
    position: absolute;
    width: 74px;
    top: -44px;
    left: 0;
    right: 0;
    margin: auto;
}

.company__logo img {
    border-radius: 50%;
}

.company__person {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}

.company__name {
    margin: 12px 0 0;
    font-size: 13px;
}

.sidebox {
    width: 100%;
    margin: 15px 0 0;
    padding: 30px;
    background: #fff;
}

.sidebox2{
    border-top: none;
}

.sidebox__arrivals {
    display: flex;
    align-items: center;
}

.sidebox__arrivals .arrivals__icon {
    width: 21px;
    flex-shrink: 0;
}

.sidebox__arrivals .arrivals__text {
    margin: 0 0 0 13px;
}

.sidebox__arrivals .arrivals__num {
    margin: 0 0 0 auto;
}

.sidebox__arrivals:hover .arrivals__num {
    text-decoration: underline;
}

.sidebox__arrivals + .sidebox__arrivals {
    margin: 20px 0 0;
}

.sidebox__title {
    display: flex;
    align-items: center;
    margin: 0 0 26px;
}

.sidebox__title__icon {
    width: 23px;
}

.sidebox__title__text {
    margin: 0 0 0 14px;
}

.sidebox__post + .sidebox__post {
    margin: 16px 0 0;
}

.sidebox .post__date {
    font-size: 12px;
    color: #8c8c8c;
}

.sidebox .post__company {
    font-size: 12px;
}

.sidebox .post__text a {
    font-size: 13px;
}

.sidebox .post__text a:hover {
    text-decoration: underline;
}

.sidebox__connection {
    padding: 0 0 18px;
    text-align: center;
    border-bottom: 1px solid #cdd8dc;
}

.sidebox .connection__icon {
    width: 33px;
    margin: 0 auto;
}

.sidebox .connection__text {
    margin: 4px 0 0;
}

.sidebox .connection__item {
    margin: 14px 0 0;
}

.sidebox .connection__item a {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sidebox .connection__item a:hover .connection__num {
    text-decoration: underline;
}

.sidebox .connection__title {
    color: #111;
}

.sidebox__settings {
    display: flex;
}

.sidebox__settings:hover .settings__text {
    text-decoration: underline;
}

.sidebox__settings + .sidebox__settings {
    margin: 18px 0 0;
}

.sidebox .settings__icon {
    width: 20px;
}

.sidebox .settings__text {
    margin: 0 0 0 15px;
}

.sidenav {
    margin: 20px 0 0;
}

.sidenav li {
    line-height: 1;
}

.sidenav li + li {
    margin: 15px 0 0;
}

.sidenav a {
    font-size: 12px;
    color: #111;
}

.sidenav a:hover {
    color: #555;
    text-decoration: underline;
}

.sidenav a.icon-help {
    background:url(/assets/common/icon-sidebar-07-27ee68cf4594400af82c5710be361ad2fadf1a1be9dc34ace6006c6400dc51a7.png) no-repeat;
    background-size: 14px 14px;
    padding-left: 20px;
}


.copyright {
    margin: 30px 0 0;
    font-size: 12px;
    line-height: 1;
    color: #606060;
}

/*** main ***/
#main {
    width: 700px;
    margin: 0 0 0 30px;
    position: relative;
}

details.meatball-menu {
    float: right;
}

details.meatball-menu:hover {
    cursor: pointer;
}

details.meatball-menu > summary {
    text-align: right;
}

details.meatball-menu > summary:after {
    content: "⋯";
    list-style: none;
}

details.meatball-menu > summary::-webkit-details-marker {
    display: none;
}

details.meatball-menu > summary:focus {
    outline: none;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(27,31,35,.15);
    border-radius: 4px;
    box-shadow: 0 3px 12px rgba(27,31,35,.15);
    list-style: none;
    margin-top: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    position: absolute;
    width: 100px;
    z-index: 100;
}

.dropdown-menu .dropdown-menu-item a {
    display:block;
    text-align: center;
    text-decoration: none;
    color: inherit;
}

.category {
    min-height: 25px;
    padding: 0 0 0 35px;
    margin: 0 0 19px;
    display: flex;
}

.category span {
    margin-left: 10px;
}

.card {
    position: relative;
    margin: 0 0 30px;
    padding: 30px;
    background: #fff;
}

.card2 {
    margin: 44px 0 30px 0;
    padding: 30px;
    background: #fff;
}

.card3 {
    margin: 22px 0 30px 0;
    padding: 30px;
    background: #fff;
}

.card2 .title {
    margin: 10px 0 40px 0;
    font-size: 150%;
    text-align: center;
}

.card__menu {
    position: absolute;
    top: 30px;
    right: 30px;
}

.card__menu a {
    display: flex;
}

.card__menu i {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #8d8d8d;
}

.card__menu i + i {
    margin: 0 0 0 2px;
}

.card__header {
    display: flex;
}

.card__header__image {
    width: 50px;
    height: 50px;
}

.card__header__image img {
    border-radius: 50%;
}

.card__header__text {
    margin: 0 0 0 18px;
}

.card__header__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}

.card__header__subtitle {
    margin: 8px 0 0;
    font-size: 13px;
}

.card__header__date {
    margin: 12px 0;
    font-size: 12px;
    line-height: 1;
    color: #8c8c8c;
}

.card__content {
    width: 36em;
    margin: 0 auto;
}

.card__more a:hover {
    text-decoration: underline;
}

.thumb {
    margin-top: 16px;
}

.thumb img {
    max-height: 180px;
    width: auto;
    max-width: 100%;
    height: auto;
}

.panel .thumb {	margin: 15px 22px; }
.entry-file .thumb { margin: 15px 0 13px 0; }
.card__content .thumb {	margin: 15px 22px; }

table.table-list tr td .thumb2 img {
    max-height: 180px;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 0 7px 0;
}

table.table-list tr td .thumb2 p {
    margin-bottom: 15px;
}

.atta-box {	float: right;}

.atta-box .thumb {
    float: right;
    margin-bottom: 10px;
    max-height: 180px;
    width: auto;
    max-width: 100%;
    height: auto;
}

.card__file {
    margin: 15px 0 25px 0;
}

.card__file a {
    display: block;
    min-height: 22px;
    padding: 0 0 0 30px;
    font-size: 13px;
    background: url(/assets/common/icon-file-01-ce41379e4b0b3947969ef2a9783a71000c4179ddf9ac043e9cece016b108763e.png) no-repeat left center;
    background-size: 20px 18px;
}

.card__file a:hover {
    text-decoration: underline;
}

.card__actions {
    width: 36em;
    margin: 25px auto 0;
    display: flex;
    align-items: flex-end;
}

.card__action--folder i {
    display: inline-block;
    width: 18px;
    height: 14px;
    background: url(/assets/common/icon-action-01-e4997d4f060d47c886f34f6db3f7482194ae970f8169915f5c7b11c0aa1b9ad9.png) no-repeat center center;
    background-size: cover;
    cursor: pointer;
}

.card__action--folder i:hover {
    background-image: url(/assets/common/icon-action-01-on-ab70800f76744228464950df0dd4266c2d9489e20ded65e147bb501f8abbb77b.png);
}

.card__action--folder.on i {
    background-image: url(/assets/common/icon-action-01-on-ab70800f76744228464950df0dd4266c2d9489e20ded65e147bb501f8abbb77b.png);
}

.card__action--like {
    margin: 0 0 0 18px;
}

.card__action--like i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/assets/common/icon-action-02-f8208c369186919b3a232ae212add8afa17afc9d71ee9dcc81a2c26892661b3b.png) no-repeat center center;
    background-size: cover;
    cursor: pointer;
}

.card__action--like a {
    vertical-align: middle;
}

.card__action--like i:hover {
    background-image: url(/assets/common/icon-action-02-on-36256bb608d39a875a7f87d22f5f3c89b4e13dfeacf864478db05b975d29f6c0.png);
}

.card__action--like.on i {
    background-image: url(/assets/common/icon-action-02-on-36256bb608d39a875a7f87d22f5f3c89b4e13dfeacf864478db05b975d29f6c0.png);
}

.card__action--folder span,
.card__action--like span {
    display: inline-block;
    max-width: 300px;
    margin: 0 0 0 5px;
    color: #8c8c8c;
    font-size: 12px;
    vertical-align: sub;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 15px;
}

.card__action--comment {
    margin: 0 5px 0 auto;
    color: #8c8c8c;
    font-size: 12px;
    line-height: 22px;
}

.card__comment-head {
    width: 36em;
    margin: 20px auto 0;
    padding: 9px 0;
    border-top: 1px solid #cdd8dc;
    border-bottom: 1px solid #cdd8dc;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.card__comment-like a, .card__comment-comment a {
    display: flex;
    align-items: center;
    height: 24px;
    color: #111;
    font-size: 12px;
}

.card__comment-like i, .card__comment-comment i {
    width: 20px;
    height: 24px;
    display: inline-block;
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.card__comment-like i {
    background-image: url(/assets/common/icon-action-02-f8208c369186919b3a232ae212add8afa17afc9d71ee9dcc81a2c26892661b3b.png);
    background-position: left top;
}

.card__comment-like a:hover {
    color: #2294d0;
    text-decoration: none;
}

.card__comment-like a:hover i {
    background-image: url(/assets/common/icon-action-02-on-36256bb608d39a875a7f87d22f5f3c89b4e13dfeacf864478db05b975d29f6c0.png);
}

.card__comment-comment i {
    background-image: url(/assets/common/icon-action-03-c5a178f3fbf59b5d72b3a789ac65daac00d75e221b4abccee425cede7e6d45a0.png);
    background-position: left center;
}

.card__comment-comment a:hover {
    color: #626262;
    text-decoration: none;
}

.card__comment-comment a:hover i {
    background-image: url(/assets/common/icon-action-03-on-18c3f8569c6cae009c1d5489c86a43f00a9cc6d331ac0bd604e02d51d3b43b6b.png);
}

.card__comment {
    display: flex;
    width: 36em;
    margin: 0 auto;
    padding: 20px 0;
}

.card__comment__avatar {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.card__comment__avatar img {
    border-radius: 50%;
}

.card__comment__box {
    margin: 0 0 0 22px;
    width: 100%;
}

.card__comment__box input {
    width: 100%;
    height: 100%;
    padding: 10px;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    background: #e9edef;
}

.card__comment__box textarea {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    background: #e9edef;
}

.card__comment__box input:placeholder-shown {
    color: #8c8c8c;
    font-size: 14px;
}

.card__comment__box textarea:placeholder-shown {
    color: #8c8c8c;
    font-size: 14px;
}

.card__comment__time {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1;
    color: #8c8c8c;
}

.card__comment + .card__comment {
    border-top: 1px solid #cdd8dc;
}

.card--green {
    border-left: 5px solid #0fcea8;
}

.card--blue {
    border-left: 5px solid #1f86bb;
}

.card--gray {
    border-left: 5px solid #acb9c1;
}

.panel {
    width: calc(36em + 44px);
    margin: 0 auto 25px;
    border: 2px solid #c2ced3;
}

.panel__header {
    margin: 22px 22px 20px;
    padding: 0 0 0 0;
    font-weight: bold;
}

.panel__header__with__follow {
    margin: 22px 22px 20px;
    padding: 0 0 0 45px;
    font-weight: bold;
    background: url(/assets/common/icon-panel-01-7c13315443ba9c7d01f0632bbff72a72177f680185db2fd02dd5b6aaff3194e4.png) no-repeat left top;
    background-size: 29px 20px;
}

.follow__only {
    margin: 10px 0 10px;
    padding: 0 0 0 45px;
    font-weight: bold;
    background: url(/assets/common/icon-panel-01-7c13315443ba9c7d01f0632bbff72a72177f680185db2fd02dd5b6aaff3194e4.png) no-repeat left top;
    background-size: 29px 20px;
}

.panel__title {
    padding: 15px 22px;
    background: #d8dee2;
}

.panel__content {
    padding: 15px 22px 17px;
}

.panel__file {
    padding: 0 22px;
    margin-bottom: 25px;
}

.panel__file a {
    display: block;
    min-height: 18px;
    padding: 0 0 0 30px;
    font-size: 13px;
    background: url(/assets/common/icon-file-01-ce41379e4b0b3947969ef2a9783a71000c4179ddf9ac043e9cece016b108763e.png) no-repeat left center;
    background-size: 18px 16px;
}

.panel__file a:hover {
    text-decoration: underline;
}

.panel__attachment {
    display: block;
    min-height: 18px;
    padding: 0 0 0 30px;
    font-size: 13px;
    background: url(/assets/common/icon-file-01-ce41379e4b0b3947969ef2a9783a71000c4179ddf9ac043e9cece016b108763e.png) no-repeat left center;
    background-size: 20px 18px;
    margin: 10px 22px 17px;
    color: #8c8c8c;
}

.panel__file__box {
    margin: 15px 22px 17px;
}

.panel__file__name {
    background: #eee;
    border-radius: 20px;
    padding: 3px 10px;
    border: none;
    font-size: 0.9em;
}

.panel__btn {
    margin: 25px auto 30px auto;
    width: 40%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    white-space: normal;
}

.panel__btn a {
    display: block;
    height: 100%;
    font-size: 13px;
    color: #fff;
    background: #fc8b47;
    border-radius: 5px;
    white-space: nowrap;
}

.panel__btn a.bgSkyBlue {
    background: #3B9CDE !important;
}

.panel__btn button {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 13px;
    color: #fff;
    background: #fc8b47;
    border-radius: 5px;
    white-space: nowrap;
    border: 0;
}

.panel__btn a:hover {
    opacity: .7;
    text-decoration: none;
}

.panel__btn button:hover {
    opacity: .7;
    text-decoration: none;
}

.panel__btn__no {
    text-align: center;
    padding-bottom: 30px;
}

.panel__caution {
    margin: 20px 22px 0;
    padding: 0 0 20px;
    color: #dc1f21;
    font-size: 12px;
    text-align: center;
}

.dialog_inside_table{
    padding: 10px 0;
}

.dialog_inside_table_line{
    display: table;
    width: 100%;
    padding: 10px 20px;
    table-layout: fixed;
}

.panel__left{
    display: table-cell;
    width: 85%;
    line-height: 38px;
    padding: auto;
}

.panel__btn__right {
    display: table-cell;
    margin: 0 auto 0 0;
    height: 38px;
    line-height: 38px;
    text-align: center;
    white-space: normal;
}

.panel__btn__right button {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 13px;
    color: #fff;
    background: #fc8b47;
    border-radius: 5px;
    white-space: nowrap;
}

.panel__btn__right button:hover {
    opacity: .7;
    text-decoration: none;
}

/*.loading {*/
/*  margin: 0 0 30px;*/
/*  font-size: 13px;*/
/*  text-align: center;*/
/*  color: #999;*/
/*}*/

#read-more {
    margin: 0 auto;
    width: 50%;
}

#read-more-btn {
    margin: 0 auto;
    height: 100%;
    width: 100px;
    font-size: 13px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #acb9c1;
    white-space: nowrap;
    cursor: pointer;
}

#loading {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #acb9c1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    animation: spin 2s linear infinite;
    visibility: hidden;
}

#company-posts-read-more, #user-posts-read-more {
    margin: 0 auto;
    width: 50%;
}

#company-posts-read-more-btn, #user-posts-read-more-btn {
    margin: 0 auto;
    height: 100%;
    width: 100px;
    font-size: 13px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #acb9c1;
    white-space: nowrap;
    cursor: pointer;
}

#company-posts-loading, #user-posts-loading {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #acb9c1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    animation: spin 2s linear infinite;
    visibility: hidden;
}

#dashboard-posts-loading {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #acb9c1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    animation: spin 2s linear infinite;
    visibility: hidden;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* go entry */
.entry-msg {
    font-size: 1.9em;
    color: #F86B62;
    margin: 30px 0;
    text-align: center;
    font-weight: bold;
}

/*** SP ***/
@media screen and (max-width: 768px) {
    /*** header ***/
    header {
        height: 55px;
        display: block;
        /*position: relative;*/
        z-index: 100;
    }
    .header__inner {
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .header__nav {
        width: 100%;
        display: flex;
        align-items: center;
        border-left: 1px solid #cdd8dc;
    }
    .header__nav ul {
        display: flex;
        justify-content: space-between;
        width: 83.75%;
        height: 39px;
        margin: 0 auto;
    }
    .header__nav .nav__btn {
        width: 40px;
        height: 40px;
        margin: 0;
    }
    .header__nav .nav__icon {
        background-position: center top 9px;
    }
    .header__nav .count {
        left: auto;
        right: 0;
    }
    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .menu-trigger {
        position: relative;
        width: 70px;
        height: 54px;
    }
    .menu-trigger span {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 42.5%;
        height: 3px;
        background-color: #7a8c8f;
        border-radius: 1px;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 20px;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 26px;
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 19px;
    }
    .menu-trigger.is-active span:nth-of-type(1) {
        -webkit-transform: translateY(6px) rotate(-45deg);
        transform: translateY(6px) rotate(-45deg);
    }
    .menu-trigger.is-active span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-trigger.is-active span:nth-of-type(3) {
        -webkit-transform: translateY(-6px) rotate(45deg);
        transform: translateY(-6px) rotate(45deg);
    }
    /*** content ***/
    .content {
        position: relative;
        width: 100%;
        margin: 55px 0 0;
        display: block;
    }
    /*** main ***/
    #main {
        width: 100%;
        margin: 0;
    }
    .category {
        width: 100%;
        min-height: 0;
        padding: 0;
        margin: 0;
    }

    .post-area {
        font-size: 13px;
        min-height: 60px;
    }
    .post-area2 {
        font-size: 13px;
        min-height: 100px;
    }
    .card {
        margin: 0 0 20px;
        padding: 25px 0 25px 0;
    }

    .card2 {
        margin: 0 0 20px;
        padding: 25px 0 25px 0;
    }
    .card__menu {
        top: 25px;
        right: 20px;
    }
    .card__menu i {
        width: 5px;
        height: 5px;
        border-radius: 2.5px;
    }
    .card__menu i + i {
        margin: 0 0 0 2px;
    }
    .card__header {
        margin: 0 20px;
    }
    .card__header__image {
        /*width: 40px;*/
    }
    .card__header__text {
        margin: 0 0 0 15px;
    }
    .card__header__subtitle {
        margin: 8px 0 0;
    }
    .card__header__date {
        margin: 13px 0;
    }
    .card__content {
        width: auto;
        margin: 0 20px;
    }
    .card__file {
        margin: 16px 0 0;
    }
    .card__file a {
        background-position: left top 4px;
        text-decoration: underline;
    }
    .card__more a {
        text-decoration: underline;
    }
    .card__actions {
        width: auto;
        margin: 18px 20px 0;
    }
    .card__action--folder i {
        width: 19px;
        height: 15px;
    }
    .card__action--like i {
        width: 18px;
        height: 18px;
    }
    .card__action--like span {
        max-width: 130px;
        vertical-align: initial;
    }
    .card__action--comment {
        margin-right: 0;
    }
    .card__comment-head {
        width: auto;
        margin: 22px 20px 0;
        padding: 10px 0;
        border-top: 1px solid #cdd8dc;
        border-bottom: 1px solid #cdd8dc;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .card__comment-like i, .card__comment-comment i {
        margin: 0 10px 0 0;
    }
    .card__comment {
        width: auto;
        margin: 0 20px;
        padding: 18px 0;
    }
    .card__comment:last-child {
        padding-bottom: 0;
    }
    .card__comment__avatar {
        /*width: 25px;*/
    }
    .card__comment__box {
        margin: 0 0 0 15px;
        width: 100%;
    }
    .card__comment__box input {
        font-size: 13px;
    }
    .card__comment__box input:placeholder-shown {
        font-size: 13px;
    }
    .card__comment__time {
        margin: 7px 0 0;
        font-size: 10px;
    }
    .card--green,
    .card--blue,
    .card--gray {
        border-left-width: 3px;
    }
    .panel {
        width: auto;
        margin: 0 10px 15px 10px;
        border: 1px solid #c2ced3;
    }
    .panel__header {
        margin: 15px 10px 15px;
        padding: 0 0 0 0;
    }
    .panel__header__with__follow {
        margin: 15px 10px 15px;
        padding: 0 0 0 30px;
        background: url(/assets/common/icon-panel-01-7c13315443ba9c7d01f0632bbff72a72177f680185db2fd02dd5b6aaff3194e4.png) no-repeat left center;
        background-size: 23px 16px;
    }
    .follow__only {
        margin: 10px 0 10px;
        padding: 0 0 0 30px;
        background: url(/assets/common/icon-panel-01-7c13315443ba9c7d01f0632bbff72a72177f680185db2fd02dd5b6aaff3194e4.png) no-repeat left center;
        background-size: 23px 16px;
    }
    .panel__title {
        padding: 13px 10px;
    }
    .panel__content {
        padding: 15px 10px 15px;
    }
    .panel__file {
        padding: 0 10px;
    }

    .panel__file__msg {
        padding: 0  0 10px 0;
    }

    .panel__file a {
        background-position: left top 4px;
        text-decoration: underline;
    }

    .panel__btn {
        margin: 20px auto;
        width: 270px;
        height: 43px;
        line-height: 43px;
    }
    .panel__btn a {
        border-radius: 5px;
    }
    .panel__caution {
        margin: 18px 10px 0;
        padding: 0 0 15px;
    }
    /*** layer ***/
    #layer {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: rgba(0, 0, 0, 0.3);
        transition: all .15s;
        display: none;
    }
    /*** sidebar ***/
    #sidebar {
        position: absolute;
        width: 270px;
        background: #e9edef;
        left: 0;
        top: 0;
        z-index: 11;
        border-right: 1px solid #e9edef;
        transform: translateX(-100%);
        transition: ease .5s;
    }
    #sidebar.is-open {
        transform: translateX(0);
    }
    .search-box {
        margin: 0;
    }
    .search-box form {
        width: 100%;
        height: 58px;
    }
    .search-box input {
        padding: 10px 20px;
        font-size: 13px;
        border-radius: 0;
    }
    .search-box input:placeholder-shown {
        font-size: 13px;
    }
    .search-box .placeholder {
        padding-left: 50px;
        line-height: 38px;
        background-size: 20px 20px;
        background-position: left 20px center;
    }
    .company {
        margin: 0;
        padding: 20px;
        text-align: left;
        display: flex;
    }
    .company__logo {
        position: inherit;
        width: 20%;
        top: auto;
        left: auto;
        right: auto;
        margin: 0;
    }
    .company__text {
        margin: 0 0 0 10px;
    }
    .company__person {
        font-size: 16px;
    }
    .company__name {
        margin: 8px 0 0;
    }
    .sidebox {
        margin: 0;
        padding: 20px;
        border-top: 1px solid #e9edef;
    }
    .sidebox2{
        border-top: 1px solid #e9edef;
    }
    .sidebox__arrivals {
        display: flex;
        align-items: center;
        padding: 20px;
    }
    .sidebox__arrivals .arrivals__icon {
        width: 21px;
    }
    .sidebox__arrivals .arrivals__text {
        margin: 0 0 0 10px;
    }
    .sidebox__arrivals + .sidebox__arrivals {
        margin: 0;
    }
    .sidebox__title {
        position: relative;
        margin: 0;
        padding: 20px;
    }
    .sidebox__title::after {
        position: absolute;
        content: "";
        width: 11px;
        height: 11px;
        top: 0;
        bottom: 0;
        right: 20px;
        margin: auto;
        border-top: 2px solid #cdd8dc;
        border-right: 2px solid #cdd8dc;
        transform: rotate(135deg);
        transition: all .3s;
    }
    .sidebox__title:hover {
        background: #e9edef;
        cursor: pointer;
    }
    .sidebox__title.is-open {
        background: #e9edef;
    }
    .sidebox__title.is-open::after {
        top: 6px;
        transform: rotate(-45deg);
    }
    .sidebox__title__icon {
        width: 20px;
    }
    .sidebox__title__text {
        margin: 0 0 0 13px;
    }
    .sidebox__post {
        display: none;
        margin: 10px 20px 0 33px;
    }
    .sidebox__post + .sidebox__post {
        margin: 15px 20px 0 33px;
    }
    .sidebox__post:last-child {
        padding-bottom: 20px;
    }
    .sidebox .post__company {
        font-size: 13px;
    }
    .sidebox .post__text a {
        text-decoration: underline;
    }
    .sidebox__connection {
        position: relative;
        display: flex;
        align-items: center;
        text-align: left;
        border-bottom: none;
        padding: 20px;
    }
    .sidebox__connection::after {
        position: absolute;
        content: "";
        width: 11px;
        height: 11px;
        top: 0;
        bottom: 0;
        right: 20px;
        margin: auto;
        border-top: 2px solid #cdd8dc;
        border-right: 2px solid #cdd8dc;
        transform: rotate(135deg);
        transition: all .3s;
    }
    .sidebox__connection:hover {
        background: #e9edef;
        cursor: pointer;
    }
    .sidebox__connection.is-open {
        background: #e9edef;
    }
    .sidebox__connection.is-open::after {
        top: 6px;
        transform: rotate(-45deg);
    }
    .sidebox .connection__icon {
        width: 21px;
        margin: 0;
    }
    .sidebox .connection__text {
        margin: 0 0 0 12px;
    }
    .sidebox .connection__item {
        display: none;
        margin: 23px 20px 0 33px;
    }
    .sidebox .connection__item + .connection__item {
        margin: 15px 20px 0 33px;
    }
    .sidebox .connection__item:last-child {
        padding-bottom: 20px;
    }
    .sidebox--settings {
        padding: 0;
        border-top: none;
    }
    .sidebox__settings {
        padding: 20px;
        display: flex;
        border-top: 1px solid #e9edef;
    }
    .sidebox__settings + .sidebox__settings {
        margin: 0;
    }
    .sidebox .settings__icon {
        width: 20px;
    }
    .sidebox .settings__text {
        margin: 0 0 0 12px;
    }
    .sidebox--arrivals {
        padding: 0;
    }
    .sidebox--posts {
        padding: 0;
    }
    .sidebox--connection {
        padding: 0;
    }
    .sidebox--arrivals:hover,
    .sidebox__settings:hover {
        background: #e9edef;
    }
    .sidenav {
        margin: 20px 0 0 20px;
    }
    .sidenav li + li {
        margin: 15px 0 0;
    }
    .copyright {
        margin: 20px 0 0 20px;
    }

    /* go entry */
    .entry-msg {
        font-size: 1.5em;
        margin: 15px 0;
        font-weight: bold;
    }
}

/* ------------------------------------
// index.html(投稿するAreaのみ）, post.html
// class = post_***
------------------------------------ */
.post-msg-box {
    /*border: 2px solid #cdd8dc;*/
    background: #fff;
    margin: 44px 0 30px 0;
    border: none;
    padding-bottom: 1px;
}

.post-msg-box .post-tit {
    background-color: #d8dee2;
    padding: 3px 10px;
    background-image: url(/assets/common/icon-header-02-155a5737c9e31d9d9bc068d0a8f17fb40e655426a1881523f9e0d4e569db7b7a.png);
    background-repeat: no-repeat;
    background-size: 16px 14px;
    background-position: 20px 6px;
    font-size: 0.9em;
    line-height: 1.6;
    height: 27px;
}

.post-msg-box .post-tit:after {
    content:"投稿の作成";
    padding-left: 33px;
}

.post-msg-box .post-tit.updatePost:after {
    content:"投稿の編集";
    padding-left: 33px;
}

.post-msg-box .post-tit.pressPost:after {
    content:"記者クラブへ投げ込みする";
}

.post-msg-box .post-tit.update:after {
    content:"編集する";
}

.post-area {
    padding: 3px;
    border: 1px solid #cdd8dc;
    width: 100%;
    margin: 0;
    min-height: 120px;
    line-height: 1.6;
    font-size: 14px;
}

.post-area2 {
    padding: 0;
    border: none;
    width: 100%;
    margin: 0;
    min-height: 120px;
    line-height: 1.6;
    font-size: 14px;
}

.post-msg-box label {
    cursor: pointer;
}

.post-msg-box .post-radio {
    margin: 0 20px;
    padding-top: 30px;
    border-top:1px solid #cdd8dc;
}

.post-msg-box .post-radio p,
.post-msg-box .post-description p,
.post-msg-box .post-subject p,
.post-msg-box .post-end-at p,
.post-msg-box .post-range p,
.post-msg-box .post-publish p,
.post-msg-box .post-publish-at p,
.post-msg-box .post-category p {
    margin-bottom: 10px;
}

.post-msg-box .post-description,
.post-msg-box .post-subject,
.post-msg-box .post-category {
    margin: 30px 20px 0 20px;
}

.post-msg-box .post-end-at,
.post-msg-box .post-publish,
.post-msg-box .post-publish-at {
    margin: 0 20px;
}

.post-msg-box .post-subject input {
    height: 30px;
    width: 100%;
    border:1px solid #cdd8dc;
    padding:3px;
}

.post-msg-box .post-range .post-range-fix {
    border-bottom: 1px solid #cdd8dc;
    padding-bottom: 5px;
}

.post-msg-box .post-radio input {
    margin-right: 5px;
}

.post-msg-box .post-radio label.disabled {
    color: #e8edef;
}

.post-msg-box .post-radio .undeliverable-post-mail{
    font-size: small;
    font-weight: bold;
}

.post-msg-box .post-range {
    margin: 0 20px;
}

.post-msg-box select.entry-category {
    border: none;
    border-bottom: 1px solid #cdd8dc;
    min-height: 25px;
    display: flex;
    cursor: pointer;
    min-width: 100px;
}

.post-msg-box .post-att {
    font-size: 0.9em;
    color: #dc1f21;
    margin-top: 10px;
}
.post-msg-box .post-att2 {
    font-size: 0.9em;
    color: #dc1f21;
}

.post-msg-box .entry-attachment {
    /*margin: 30px 20px 15px 20px;*/
    margin: 0 20px;
}

.itemLeft {
    float: left;
    width: 30%;
    height:75px;
}

.itemRight {
    float: right;
    width: 70%;
    height:75px;
}

.titleTopBorder {
    margin: 40px 0 30px 0;
    border-top: 2px solid #D8DEE2;
    width: 100%;
    display: block;
}

.entry-attachment .viewable-file-event {
    width: 90px;
    font-size: 13px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #acb9c1;
    white-space: nowrap;
    cursor: pointer;
}

.post-check{
    font-size: 1.9em;
    color: #F86B62;
    margin: 36px 20px -20px 20px;
    text-align: center;
}


@media screen and (max-width:768px){
    .post-msg-box {
        border: 0;
        margin: 0 0 20px 0;
        padding-bottom: 20px;
    }

    .post-msg-box .entry-attachment {
        margin: 30px 20px 10px 20px;
    }

    .post-check{
        font-size: 1.5em;
        margin: 15px 20px;
    }

    .titleTopBorder {
        margin: 30px 0;
    }
}

/* ------------------------------------
// login.html
// id = header-login, content-login, main-login
------------------------------------ */
#header-login {
    max-width: 980px;
    text-align: center;
    margin: 0 auto;
    padding: 80px 0 20px 0;
}

#header-login img {
    width: 328px;
    height: 74px;
    margin: 0 auto;
}

.content-login {
    width: 980px;
    margin: 0 auto;
}

#main-login {
    width: 100%;
    margin: 40px 0;
}

#main-login .login-box {
    border: 1px solid #C2CED3;
    padding: 50px;
}

#main-login .login-box ul {
    width: 60%;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 20px;
}

#main-login .login-box ul li.tit,
#main-login .login-box ul li.txt {
    padding: 0;
    margin: 0 0 15px 0;
    list-style: none;
    float: left;
}

#main-login .login-box ul li.tit {
    width: 23%;
}

#main-login .login-box ul li.txt {
    width: 77%;
}

#main-login input.single {
    width: 80%;
    padding: 5px;
    border: 1px solid #C2CED3;
    background: #FFFEE9;
    border-radius: 5px;
}

#main-login .forget-pw {
    text-align:center;
}

#main-login .first-try {
    background: #FFFEE9;
    padding: 50px;
    margin-top: 50px;
}

#main-login .first-try .read {
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 30px;
}

#main-login a {
    cursor: pointer;
    display: block;
    z-index: 1000;
}

#main-login #input-reset-password {
    margin: 10px 0;
}


@media screen and (max-width: 768px) {
    #header-login {
        max-width: 100%;
        padding: 40px 0 0 0;
    }

    #header-login img {
        width: 60%;
        height: auto;
        text-align: center;
    }

    .content-login {
        width: 100%;
    }

    #main-login {
        margin: 40px 0;
    }

    #main-login .login-box {
        padding: 30px 20px;
        width: 90%;
        margin: 0 auto;
    }

    #main-login .login-box ul {
        width: 100%;
        margin-bottom: 10px;
    }

    #main-login .login-box ul li.tit {
        width: 100%;
        margin-bottom: 5px;
    }

    #main-login .login-box ul li.txt {
        width: 100%;
        margin-bottom: 20px;
    }

    #main-login input.single {
        width: 100%;
        padding: 10px 5px;
    }

    #main-login .first-try {
        padding: 30px 20px;
        margin-top: 30px;
    }

    #main-login .first-try .read {
        font-size: 1em;
    }
}


/* ------------------------------------
// agreement_company.html
// id = header-tit, content-agree, main-agree
------------------------------------ */
.content-agree {
    width: 980px;
    margin: 0 auto;
}

#main-agree {
    width: 100%;
}

#main-agree .agree-box{
    width: 100%;
    height: 600px;
    padding: 30px;
    background: #fff;
    overflow: scroll;
    overflow-x: hidden;
    margin-bottom: 30px;
}

#main-agree p {
    margin-bottom: 30px;
}

#main-agree ol {
    margin: 0 0 40px 0;
    padding: 0;
}

#main-agree ol li {
    margin: 0 0 0 20px;
    padding: 0;
    list-style: decimal;
    margin-bottom: 15px;
}

#main-agree h2 {
    margin-bottom: 15px;
    font-size: 1.2em;
}

@media screen and (max-width:768px){
    .content-agree {
        width: 89.33%;
    }

    #main-agree .agree-box{
        width: 100%;
        height: 380px;
        padding: 20px;
    }
}

/* ------------------------------------
// message_add.html, message_add2.html, message_detail.html
// class = member-***
------------------------------------ */
.member-box {
    border: 2px solid #cdd8dc;
    background: #fff;
    width: 400px;
}

.member-box .member-tit{
    background-color: #d8dee2;
    padding: 3px 10px 3px 35px;
    background-image: url(/assets/common/icon_group_02-304ec0c52c375056fe9da4b9999af90774b577182426e511362c31b5f5bf681c.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 10px 3px;
    font-size: 0.9em;
    line-height: 1.8;
    position: relative;
    min-height: 27px;
}

.member-box .member-tit span {
    padding-right: 70px;
    display: inline-block;
    float: left;
}

.member-box .member-tit a.close {
    position: absolute;
    right: 10px;
    top: 3px;
    color: #111;
}

.member-box .member-tit a:hover.close {
    color: #555;
    text-decoration: none;
}

.member-box .member-tit a.close:after {
    content:"× 閉じる";
    width: auto;
    height: 24px;
    display: block;
    text-align: right;
    white-space: nowrap;
}

.member-box .member-bottom-box {
    padding: 10px;
}

.member-bottom-box .btn-box-col1 {
    margin: 15px 0 5px 0;
}

.member-bottom-box .btn-box-col1 a {
    margin: 0 auto;
}

.member-bottom-box .btn-box-col1 button {
    margin: 0 auto;
}

.member-list ul {
    margin: 0;
    padding:0;
}

.member-list ul li {
    margin: 0;
    padding:0;
    list-style: none;
    position: relative;
}

.member-list dl.member-name {
    margin: 0;
    padding: 0;
}

.member-list dl.member-name dt {
    width: 30px;
    margin: 0 10px;
    float: left;
    clear: left;
}

.member-list dl.member-name dt img {
    width: 30px;
    height: 30px;
}

.member-list dl.member-name dd {
    min-width: auto !important;
    padding: 4px 10px 0 0;
    margin-left: 50px;
}

.member-list dl.member-name dd {
    margin-right: 10px;
    margin-top: 5px;
    text-align: left;
}

.member-list ul li .name-individual {
    width: auto;
    text-align: left;
    margin-left: 10px;
}

.member-list ul li a.member-add {
    background: #fff;
    color: #111;
    padding: 10px 0;
    display: block;
}

.member-list ul li a:hover.member-add {
    background: #F4F4F4;
    color: #111;
    display: block;
    text-decoration: none;
}

.member-list ul li a.member-del .del {
    position: absolute;
    right: 10px;
    top: 18px;
}

.member-list ul li a:hover.member-del .del {
    text-decoration: underline;
}

.member-list ul li.del-action {
    color: #111;
    padding: 10px 0;
    display: block;
}

.member-list ul li.del-action dl.member-name dd {
    padding-right: 30px;
}

/* message_detail.html */
.member-add-box {
    position: relative;
    margin: 44px 0 10px 0;
    padding: 20px;
    background: #6F8285;
    color: #fff;
}

.member-add-box .name-list {
    display: inline-block;
    width: 480px;
}

.member-add-btn {
    width: 140px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    white-space: normal;
    position: absolute;
    right: 20px;
    top: 12px;
    background: #fff;
    border-radius: 5px;
    margin-left: 15px;
}

.member-add-btn a {
    display: block;
    height: 100%;
    font-size: 13px;
    color: #fff;
    background: #fc8b47;
    border-radius: 5px;
    white-space: nowrap;
}

.member-add-btn a:hover {
    text-decoration: none;
    opacity: 0.7;
}

.msg-wrap {
    background: #fff;
    height: 100%;
    padding-bottom: 200px;
}

.msg-wrap .msg-content {
    padding: 20px 20px 0 20px;
    max-width: 100%;
    overflow-y: scroll;
}

.msg-wrap .msg-content .myself,
.msg-wrap .msg-content .other {
    margin-bottom: 20px;
}

.msg-wrap .msg-content .myself {
    margin-left: 20%;
}

.msg-wrap .msg-content .other {
    margin-right: 20%;
}

.msg-wrap .msg-content .myself span{
    clear: right;
}

.msg-wrap .msg-content .myself other{
    clear: left;
}

.msg-wrap .msg-content .myself .day {
    margin-bottom: 5px;
    text-align: right;
    float: right;
}

.msg-wrap .msg-content .other dl {
    text-align: left;
    margin-bottom: 5px;
}

.msg-wrap .msg-content .other dt {
    float: left ;
    clear: left ;
    margin-right: 10px;
    width: 30px ;
}

.msg-wrap .msg-content .other dt img {
    width: 30px;
    height: 30px;
}

.msg-wrap .msg-content .other dd {
    margin-left: 40px ;
}

.msg-wrap .msg-content .myself .msg-comment,
.msg-wrap .msg-content .other .msg-comment {
    background: #F4F4F4;
    padding: 10px 15px;
    border-radius: 1.3em;
    margin-bottom: 10px;
    display: block;
}

.msg-wrap .msg-content .myself .msg-comment {	float: right;	text-align: left;}
.msg-wrap .msg-content .other .msg-comment { float: left; text-align: left; background: #E7F2EF;}

.msg-wrap .msg-content .myself .msg-atta-name,
.msg-wrap .msg-content .other .msg-atta-name {
    margin: 0 0 10px 0;
    display: block;
}

.msg-wrap .msg-content .myself .msg-atta-name {	text-align: right;}
.msg-wrap .msg-content .other .msg-atta-name {	text-align: left; clear:left;}

.msg-wrap .msg-content .myself .msg-atta-name a,
.msg-wrap .msg-content .other .msg-atta-name a {
    display: block;
    min-height: 18px;
    padding: 0;
    font-size: 13px;
}

.msg-wrap .msg-content .myself .msg-atta-name a:before,
.msg-wrap .msg-content .other .msg-atta-name a:before {
    content: ''; /*何も入れない*/
    display: inline-block; /*忘れずに！*/
    width: 20px; /*画像の幅*/
    height: 18px; /*画像の高さ*/
    background-image: url(/assets/common/icon-file-01-ce41379e4b0b3947969ef2a9783a71000c4179ddf9ac043e9cece016b108763e.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 8px;
}

/* 1番下に固定 */
.msg-fixed-wrap {
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 15px 20px 20px 20px;
    width: auto;
    border-top: 2px solid #e9edef;
    width: 700px;
}

.msg-fixed-wrap .input-area {
    width: 100%;
    margin-bottom: 10px;
    min-height: 60px;
}

.msg-fixed-wrap .entry-file {
    margin-bottom:10px;
}

.msg-fixed-wrap .msg-submit {
    margin: 0 auto !important;
}

.msg-fixed-wrap .entry-attachment {
    margin: 0 0 13px 0;
    border-top: 1px solid #cdd8dc;
    padding-top: 15px;
}

.msg-fixed-wrap .entry-file {
    margin: 0 0 10px 0;
}
@media screen and (max-width:768px){
    .member-box {
        width: 100%;
        border: 0;
    }

    /* message_detail.html */
    .member-add-box {
        margin: 0;
    }

    .msg-wrap .msg-content {
        padding: 10px 20px;
    }

    .member-add-box .name-list {
        width: auto;
        margin-right: 130px;
    }

    .member-add-btn {
        width: 110px;
    }

    /* 1番下に固定 */
    .msg-fixed-wrap {
        width: 100%;
        padding: 10px 20px 20px 20px;
    }

    .msg-fixed-wrap .input-area {
        width: 100%;
        margin-bottom: 10px;
        min-height: 60px;
    }

    .msg-fixed-wrap .entry-file {
        margin-bottom:10px;
    }

    .msg-fixed-wrap .msg-submit {
        margin: 0 auto !important;
    }
}

/* ------------------------------------
// clip_all.html, notice_all.html
// class = clip-***
// アイコン＋会社名、名前はcommonで他ページにも使用
------------------------------------ */
.clip-box {
    margin: 44px 0 0 0;
    background: #fff;
}

.clip-box img {
    width: 40px;
    height: 40px;
}

.clip-box dl {
    border-bottom: 1px solid #cdd8dc;
    padding: 20px 20px 15px 20px;
}

.clip-box dt {
    float: left ;
    clear: left ;
    margin-right: 20px;
    width: 40px ;
}

.clip-box dd {
    margin-left: 60px ;
}

.clip-box dd div {
    margin-bottom: 5px;
}

.clip-box .label,
#main-info .label{
    border: 1px solid #c2ced3;
    width: 180px;
    color: #7A8C90;
    font-size: 0.8em;
    display:block;
    text-align: center;
    white-space: nowrap;
    line-height: 1.7;
    margin-bottom: 8px;
}

.clip-box .clip-company {
    width: 100%;
}

.company-in-name { /* 企業名の中に個人名がある場合、共通css */
    margin-left: 20px;
}

.clip-box .clip-tit {
    font-size: 1.2em;
}

.clip-box .clip-days {
    color: #8c8c8c;
    font-size: 12px;
}

.clip-box .clip-days .save-no {
    margin-left: 10px;
}

@media screen and (max-width:768px){
    .clip-box {
        margin: 0;
    }

    .clip-box .label {
        padding: 3px 3px 1px 3px;
    }

    .clip-box dl {
        padding: 15px 10px 5px 15px;
    }

    .clip-box dt {
        margin-right: 15px;
        width: 40px ;
    }

    .clip-box dd {
        margin-left: 55px ;
        line-height: 1.5;
    }
}


/* ------------------------------------
// entry.html, entry_check.html, message_write.html
// class = entry-***
------------------------------------ */
.entry-msg-box {
    border: 2px solid #cdd8dc;
    background: #fff;
    margin: 44px 0 30px 0;
}

.entry-msg-box .entry-tit {
    background-color: #FF832D;
    padding: 3px 20px;
    font-size: 0.9em;
    line-height: 1.6;
    color: #fff;
    height: 27px;
}

.entry-msg-box .entry-tit:after {
    content:"エントリーする";
}

.entry-msg-box dl {
    margin: 20px 20px 0 20px;
}

.entry-msg-box dt {
    float: left ;
    clear: left ;
    margin: 0 10px 8px 0;
    white-space: nowrap;
}

.entry-msg-box dd {
    margin: 0 0 8px 0;
}

.entry-msg-box .entry-txt {
    margin: 0 20px 15px 20px;
    padding: 10px 0;
    border-top: 1px solid #cdd8dc;
    border-bottom: 1px solid #cdd8dc;
}

.entry-msg-box .entry-txt .textarea-style {
    border: 0;
    margin: 0;
    padding: 0;
    min-height: 200px;
    line-height: 1.5;
}

.entry-attachment {
    margin: 0 20px 15px 20px;
}

.entry-attachment dl {
    margin: 0 !important;
}

.entry-attachment dt {
    float: left ;
    clear: left ;
    margin: 0;
    white-space: nowrap;
    width: 150px;
}

.entry-attachment dd {
    margin-left: 150px;
}

/* file btn */
#btn2 {
    cursor: pointer;
    padding: 3px 20px;
    display: inline-block;
    background: #d8dee2;
    border-radius: 20px;
    border: none;
    font-size: 0.9em;
}
.entry-attachment input,
.busi-card input,
.individual-card input,
.company-card input {
    background: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    border: none !important;
    padding: 0 !important;
}

.entry-msg-box select.entry-category {
    border: none;
    border-bottom: 1px solid #cdd8dc;
    min-height: 25px;
    display: flex;
    cursor: pointer;
}

ul.floatNone li {
    float: none !important;
}

.entry-file {
    margin: 0 20px;
}

.entry-file.mt10 {
    margin: 10px 0 0 0;
}

.entry-file ul li {
    margin: 0 8px 8px 0;
    padding: 0;
    list-style: none;
    float: left;
}

.entry-file ul li span {
    background: #eee;
    border-radius: 20px;
    padding: 3px 10px;
    border: none;
    font-size: 0.9em;
}

.entry-file ul li span:after {
    content:"×";
    margin-left: 5px;
    font-size: 1.3em;
    cursor: pointer;
}

.entry-file ul li span.del-none:after {
    content:"";
}

.entry-msg-box dl.input-txt dt {
    width: 3%;
    float: left;
    clear: left ;
}

.entry-msg-box dl.input-txt dd {
    width: 97%;
    margin-left: 3%;
}

.entry-msg-box dl.input-txt input {
    width: 99%;
}

.message-member-box span {
    background: #eee;
    border-radius: 20px;
    padding: 3px 10px;
    border: none;
    font-size: 0.9em;
}

.message-member-box span:after {
    content:"×";
    margin-left: 5px;
    font-size: 1.3em;
    cursor: pointer;
}

.message-member-box span.del-none:after {
    content:"";
}

/* entry_check.html */
.light-box-check {
    width: 700px;
    margin: 0 auto;
}

p.entry-check {
    margin: 25px 0;
    text-align: center;
    font-size: 1.9em;
    color: #F86B62;
    font-weight: bold;
}

/* message_write.html */
.entry-msg-box .new-msg {
    background-color: #d8dee2;
    padding: 3px 20px;
    background-image: url(/assets/common/icon_msg_01-0ec1436a828c220f9e739c7f5f710c6359c40b35520785c625aa6c2076f089be.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 20px 3px;
    font-size: 0.9em;
    line-height: 1.8;
    position: relative;
    padding-left: 45px;
}

.entry-msg-box .new-msg a.close{
    position: absolute;
    right: 20px;
    color: #111;
}

.entry-msg-box .new-msg a:hover.close{
    color: #555;
    text-decoration: none;
}

.entry-msg-box .new-msg a.close:after {
    content:"× 閉じる";
    width: 60px;
    height: 24px;
    display: block;
    text-align: right;
}


@media screen and (max-width:768px){
    .entry-msg-box {
        border: none;
        margin: 0 0 20px 0;
    }

    .entry-msg-box dl {
        margin: 15px 20px 0 20px;
    }

    .entry-msg-box dt {
        float: none ;
        clear: none ;
        margin: 0 0 5px 0;
        width: 100% ;
    }

    .entry-msg-box dd {
        margin: 0 0 10px 0;
    }

    .entry-msg-box .entry-txt {
        margin: 10px 20px;
    }

    .entry-attachment {
        margin: 0 20px 15px 20px;
    }

    .entry-attachment dt {
        float: none ;
        clear: none ;
        width: 100%;
        margin-bottom: 8px;
    }

    .entry-attachment dd {
        margin-left: 0;
    }

    /* file btn */
    .entry-attachment #btn2 {
        padding: 5px 20px;
        font-size: 13px;
    }

    .entry-msg-box select.entry-category {
        border: 0;
    }

    .entry-msg-box dl.input-txt dt {
        width: 100%;
        padding: 0;
    }

    .entry-msg-box dl.input-txt dd {
        width: 100%;
        margin-left: 0;
    }

    .entry-msg-box dl.input-txt dd:last-child {
        margin-bottom: 0;
    }

    /* entry_check.html */
    .light-box-check {
        width: 100%;
    }
    p.entry-check {
        margin: 15px 0;
        font-size: 1.5em;
    }
}

/* ------------------------------------
// enterpriseinformation.html
// id = main-info
// class = info-***
------------------------------------ */
#main-info {
    width: 700px;
    margin: 0 0 0 30px;
}

#main-info h1, #main-info h2 { font-size: 1.3em;}
#main-info h1 { margin-bottom: 10px;}
#main-info h2 { margin-bottom: 30px; text-align: center;}

#main-info dl.info-members h3 {
    margin-bottom: 10px;
    font-size: 1.2em;
}

#main-info dl.info-members h3 .info-individual { margin-left: 20px;}

#main-info dl.info-desc,
#main-info dl.info-members,
#main-info dl.info-post-list {
    margin: 0;
}

#main-info dl.info-desc dt {
    float: left;
    clear: left;
    width: 164px;
    margin-right: 30px;
}

#main-info dl.info-desc dt img {
    width: 100%;
    height: auto;
}

#main-info dl.info-desc dd {
    margin-left: 196px;
}

#main-info table.info-table {
    border-collapse: collapse;
    width: 100%;
}

#main-info table.info-table tr th {
    border-top: 1px solid #e9edef;
    padding: 10px;
    width: 20%;
    font-weight: 100;
    text-align: left;
}

#main-info table.info-table tr td {
    border-top: 1px solid #e9edef;
    padding: 10px;
    width: 80%;
}

#main-info dl.info-members dt {
    float: left;
    clear: left;
    width: 80px;
    margin-right: 30px;
}

#main-info dl.info-members dt img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

#main-info dl.info-members dd {
    margin-left: 110px;
    margin-bottom: 40px;
}

#main-info dl.info-members .btn-box-col1 {
    margin: 20px 0 0 0;
}

#main-info dl.info-members .btn-box-col1 a.btn {
    background-color: #fc8b47; /* orange */
    display: block;
    height: 100%;
    font-size: 13px;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    width: 160px;
    margin: 0;
}

#main-info dl.info-members .btn-box-col1 button.btn {
    background-color: #fc8b47; /* orange */
    display: block;
    height: 100%;
    font-size: 13px;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    width: 160px;
    margin: 0;
}

/*#main-info dl.info-members .btn-box-col1 a.btn-friend {
background-image: url(/assets/common/icon-frends-01-65fa36be7fecd04aba8d0b35c062b04f065d90ca80b93f8457c7d5add2b6cf9c.png);
background-repeat: no-repeat;
background-position: 15px 10px;
}

#main-info dl.info-members .btn-box-col1 button.btn-friend {
background-image: url(/assets/common/icon-frends-01-65fa36be7fecd04aba8d0b35c062b04f065d90ca80b93f8457c7d5add2b6cf9c.png);
background-repeat: no-repeat;
background-position: 15px 10px;
}*/

#main-info dl.info-members .btn-box-col1 a.btn-friend-checked {
    background-image: url(/assets/common/icon-checked-01-8085ed2f0c55dbb036b1b7ad89c431ad374c0c7eb5543be9bc6abd33efdc6443.png);
    background-repeat: no-repeat;
    background-position: 15px 10px;
    background-size: 22px 16px;
    background-color: #fff;
    border: 1px solid #fc8b47;
    color: #fc8b47;
}

#main-info dl.info-members .btn-box-col1 button.btn-friend-checked {
    background-image: url(/assets/common/icon-checked-01-8085ed2f0c55dbb036b1b7ad89c431ad374c0c7eb5543be9bc6abd33efdc6443.png);
    background-repeat: no-repeat;
    background-position: 15px 10px;
    background-size: 22px 16px;
    background-color: #fff;
    border: 1px solid #fc8b47;
    color: #fc8b47;
}

.hidden-follow-img {
    display: none;
}

#main-info dl.info-post-list {
    border-top: 1px solid #e9edef;
}

#main-info dl.info-post-list dt {
    float: left;
    clear: left;
    width: 84px;
    margin-right: 20px;
    padding-top: 20px;
    height: 84px;
    overflow: hidden;
}

#main-info dl.info-post-list dt img {
    width: 100%;
    height: auto;
}

#main-info dl.info-post-list dd {
    margin-left: 104px;
    margin-bottom: 15px;
    padding-top: 20px;
}

#main-info dl.info-post-list dd h3 {
    font-size: 1.1em;
}

#main-info dl.info-post-list dd .info-log {
    margin-top: 5px;
}

#main-info .info-log .info-date,
#main-info .info-log .info-company-name,
#main-info .info-log .info-position,
#main-info .info-log .info-individual-name {
    margin-right: 10px;
    display: inline-block;
}
@media screen and (max-width:768px){
    #main-info {
        width: 100%;
        margin: 0;
    }

    #main-info h1, #main-info h2 { text-align: center; font-size: 1.3em;}
    #main-info h2 { margin-bottom: 20px; text-align: center;}

    #main-info dl.info-members h3 {
        margin-bottom: 5px;
    }

    #main-info dl.info-desc dt {
        float: none;
        width: 60%;
        margin-right: 0;
        margin: 0 auto;
        padding: 0 20px;
    }

    #main-info dl.info-desc dt img {
        width: 100%;
        height: auto;
        text-align: center;
    }

    #main-info dl.info-desc dd {
        margin: 20px 0 0 0;
        padding: 0 20px;
    }

    #main-info table.info-table tr th {
        padding: 10px 10px 10px 20px;
        width:27%;
    }

    #main-info table.info-table tr td {
        padding: 10px 20px 10px 10px ;
        width:75%;
    }

    #main-info dl.info-members dt {
        width: 70px;
        margin-right: 20px;
        padding-left: 20px;
    }

    #main-info dl.info-members dd {
        padding-right: 20px;
        margin-left: 90px;
    }

    #main-info dl.info-members .btn-box-col1 {
        margin: 10px 0 0 0;
    }

    #main-info dl.info-post-list dt {
        margin-right: 10px;
        padding-top: 15px;
        padding-left: 20px;
        height: 84px;
        overflow: hidden;
    }

    #main-info dl.info-post-list dt img {
        width: 84px;
        height: 48px;
    }

    #main-info dl.info-post-list dd {
        margin-left: 114px;
        margin-bottom: 15px;
        padding-top: 15px;
        padding-right: 20px;
    }

    #main-info dl.info-post-list dd h3 {
        font-size: 1.1em;
    }

    #main-info dl.info-post-list dd .info-log {
        margin-top: 5px;
    }

    #main-info .info-log .info-date,
    #main-info .info-log .info-company-name,
    #main-info .info-log .info-position,
    #main-info .info-log .info-individual-name {
        margin-right: 10px;
        display: inline-block;
    }
}


/* ------------------------------------
// registration_company.html, registrationcheck_company.html, account-change.html
// id = form-style
------------------------------------ */
#form-style {
    width: 100%;
    border-collapse: collapse;
    border-bottom: solid 1px #e9edef;
}

.light-box-content#form-style {
    width: auto;
    border-collapse: collapse;
    border-bottom: 0;
}

.light-box-content#form-style .font-small {
    margin-top: 5px;
}

#form-style tr th {
    width: 25%;
    border-top: solid 1px #fff;
    padding: 20px;
    text-align: left;
    font-weight: 100;
    background: #e9edef;
}

#form-style tr td {
    width: 75%;
    border-top: solid 1px #e9edef;
    padding: 20px;
}

#form-style .sei-kanji,
#form-style .mei-kanji,
#form-style .sei-kana,
#form-style .mei-kana {
    width:50%;
}

#form-style .sei-kanji-confirm,
#form-style .sei-kana-confirm {
    margin-right: 10px;
}

#form-style label.name-box {
    width: 40px;
    display: inline-block;
    text-align:right;
    padding-right: 10px;
}

#form-style label.light-name-box {
    width: auto;
    display: inline-block;
    text-align:left;
    padding-right: 10px;
}

#form-style .sei-kanji,
#form-style .sei-kana {
    margin-right: 10px;
}

#form-style input.regist-col1 { width: 96%;}
#form-style input.regist-col2 { width: 40%;}
#form-style input.regist-col3 { width: 90%;}
#form-style input.regist-col1-v2 { width: 100%;}
#form-style input.regist-col2-v2 { width: 37%;}

#form-style p.att {
    font-size: 0.9em;
    margin-top: 5px;
    color: #8c8c8c;
}

#form-style p.tit {
    font-size: 0.9em;
    margin-bottom: 5px;
}

#form-style p.att-gray {
    font-size: 0.9em;
    margin-top: 5px;
}

#form-style .office-adress span {
    margin-bottom: 20px;
    display: block;
}

#form-style .office-adress p {
    color: #8c8c8c;
}

#form-style p.error {
    font-size: 0.9em;
    color: #dc1f21;
    margin-top: 10px;
}

#post_form p.error {
    font-size: 0.9em;
    color: #dc1f21;
    margin-top: 10px;
}

#club_post-form p.error {
    font-size: 0.9em;
    color: #dc1f21;
    margin-top: 10px;
}

#form-style p.error-center {
    font-size: 0.9em;
    color: #dc1f21;
    margin-bottom: 20px;
    text-align: center;
}

#form-style input {
    border: 1px solid #cdd8dc;
    border-radius: 3px;
    padding: 10px;
}

#form-style select {
    border: 1px solid #cdd8dc;
    border-radius: 3px;
    padding: 10px;
    outline: 0;
}

#form-style .year,
#form-style .month {
    margin-right: 20px;
}

#form-style .year select,
#form-style .month select,
#form-style .day select {
    margin-right: 10px;
}

#form-style .office-capital input {
    margin-right: 10px;
    width: 29%;
}

#form-style .icon-individual-74 {
    width: 74px;
    margin-bottom: 10px;
    margin: 0 auto;
}

#form-style .icon-individual-74 img {
    width: 100%;
    margin-bottom: 10px;
}

#form-style .file-name {
    margin: 10px 0;
    text-align: center;
}

#form-style .individual-card,
#form-style .company-card {
    width: 86%;
    text-align: center;
    margin: 0 auto;
}

#form-style #btn3 {
    cursor: pointer;
    padding: 5px 20px;
    display: inline-block;
    background: #d8dee2;
    border-radius: 20px;
    border: none;
    font-size: 14px;
    width: 80%;
}

#form-style input.placehold-text::placeholder {
    text-align: center !important;
    color:#C60;
}

#form-style p.tit-img {
    margin-bottom: 20px;
    text-align: center;
}

#form-style p.tit-img2 {
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
}

#form-style .company-logo {
    width: 164px;
    margin: 0 auto;
    margin-bottom: 10px;
}

#form-style .company-logo img{
    width: 100%;
    height: auto;
}

/* textareaのdivスタイル */
.textarea-style,
.textarea-style2 {
    margin: 0;
    padding: 0;
    width: 100%;

    border-radius: 3px;
    padding: 10px;
    height: inherit;
}

.textarea-style {	border: 1px solid #cdd8dc;}
.textarea-style2 {
    border: 0;
    border-bottom: 1px solid #cdd8dc;
    width: 100%;
    padding: 8px 0;
    border-radius: 0;
}

.notearea,
.notearea2,
.input-area {
    margin: 0 auto;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: transparent;
}

.notearea { height: 180px; white-space: pre-wrap;}
.notearea2 { height: auto; white-space: normal;}

.notearea > div {
    margin: 0;
    padding: 0 4px;
    min-height: 130rem;
}
[contenteditable="true"]:active,
[contenteditable="true"]:focus {
    border: none;
    outline: none;
}

.name-individual-del {
    color: #111;
    background: #F4F4F4;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 8px;
    padding: 0 5px;
    border-radius: 3px;
}

.name-individual-del:last-child {
    margin-right: 0;
}

.name-individual-del:after {
    content:"×";
    margin-left: 5px;
    font-size: 1.3em;
    cursor: pointer;
}


@media screen and (max-width:768px){
    #form-style {
        border-bottom: none;
    }

    #form-style tr th {
        padding: 5px 10px;
    }

    #form-style tr td {
        padding: 10px 0 20px 0;
    }

    #form-style tr th,
    #form-style tr td {
        width: 100%;
    }
    #form-style th,
    #form-style td {
        border-bottom: none;
        display: block;
        width: 100%;
    }

    #form-style .sei-kanji,
    #form-style .mei-kanji,
    #form-style .sei-kana,
    #form-style .mei-kana {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
        display: block;
    }

    #form-style label.name-box {
        text-align: left;
    }

    #form-style .sei-kanji,
    #form-style .sei-kana {
        margin-right: 20px;
    }

    #form-style input.regist-col1 { width: 100%;}
    #form-style input.regist-col2 { width: 100%;}
    #form-style input.regist-col1-v2 { width: 100%;}
    #form-style input.regist-col2-v2 { width: 100%;}

    #form-style .office-adress span {
        margin-bottom: 10px;
    }

    #form-style p.error-center {
        margin-bottom: 15px;
    }

    #form-style .year {
        margin-right: 10px;
    }

    #form-style select {
        border: none;
    }

    #form-style .office-capital input {
        width: 50%;
    }
}


/* ------------------------------------
// light box共通
// 右上に閉じるボタンのみの共通ライトボックス
// PC = x400px
------------------------------------ */
.light-box {
    border: 2px solid #cdd8dc;
    background: #fff;
    width: 400px;
}

.light-box .light-tit{
    background-color: #d8dee2;
    padding: 3px 10px 3px 10px;
    font-size: 0.9em;
    line-height: 1.8;
    position: relative;
    min-height: 27px;
}

.light-box .light-tit span {
    padding-right: 70px;
    display: inline-block;
    float: left;
}

.light-box .light-tit a.close {
    position: absolute;
    right: 10px;
    color: #111;
}

.light-box .light-tit a:hover.close {
    color: #555;
    text-decoration: none;
}

.light-box .light-tit a.close:after {
    content:"× 閉じる";
    width: 60px;
    height: 24px;
    display: block;
    text-align: right;
}

.light-box .light-individual-img {
    width: 80px;
    margin: 25px auto;
}

.light-box .light-individual-img img {
    width: 80px;
    height: 80px;
}

.light-box  .light-text-box {
    margin: 25px 25px 0 25px;
}

.light-box  .light-text-box span {
    display: block;
}

.light-box .light-text-box .light-company-name {	text-align: center; margin-bottom: 5px;}
.light-box .light-text-box .light-individual-name {	text-align: center; margin-bottom: 5px;}
.light-box .light-text-box .light-text {	text-align: center;}

.light-box .light-box-content {
    margin: 20px 10px;
}

@media screen and (max-width:768px){
    .light-box {
        width: 90%;
        margin: 0 auto;
    }

    .light-box .light-individual-img {
        width: 80px;
        margin: 20px auto;
    }

    .light-box .light-individual-img img {
        width: 80px;
        height: 80px;
    }

    .light-box  .light-text-box {
        margin: 20px 25px 0 25px;
    }
}


/* ------------------------------------
// ***_all.html, basicinformation_company.html
// table系共通
------------------------------------ */
table.table-list {
    margin: 44px 0 0 0;
    padding: 0;
    border-collapse:  collapse;
    width: 100%;
    table-layout: fixed;
}

table.table-list tr th {
    background: #7A8C8F;
    padding: 10px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-size: 0.9em;
    vertical-align: middle;
}

table.table-list tr.all th { background: #1f86bb;	color: #fff;}
table.table-list tr.media th { background: #0fcea8;	color: #fff;}
table.table-list tr.public-rela th { background: #acb9c1;	color: #fff;}

table.table-list tr td {
    padding: 10px;
    border-bottom: 1px solid #E0E0E0;
    font-size: 0.9em;
    background: #fff;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0 !important;
}

table.table-list tr th.days { width: 10%; white-space: nowrap;}
table.table-list tr th.post { width: 30%;}
table.table-list tr th.title { width: 49%;}
table.table-list tr th.number { width: 10%;}

table.table-list tr th.entry-days { width: 11%;}
table.table-list tr th.applicant { width: 14%;}
table.table-list tr th.msg { width: 33%;}
table.table-list tr th.attachment-list { width: 23%;}
table.table-list tr th.follow-btn { width: 17%;}

table.table-list tr th.title-list { width: 39%;}
table.table-list tr th.overview { width: 38%;}
table.table-list tr th.entry-number { width: 12%;}

table.table-list tr th.days2 { width: 22%; white-space: nowrap;}
table.table-list tr th.destination { width: 38%;}
table.table-list tr th.entry { width: 10%;}

table.table-list tr th.company-name { width: 33%;}
table.table-list tr th.media-name { width: 33%;}
table.table-list tr th.name { width: 37%;}
table.table-list tr th.send { width: 20%;}
table.table-list tr th.del { width: 10%; white-space: nowrap;}

table.table-list tr th.company-name-all { width: 25%;}
table.table-list tr th.position-all { width: 20%;}
table.table-list tr th.name-all { width: 25%;}

table.table-list tr th.my-post-date { width: 11%; }
table.table-list tr th.my-post-title { width: 30%; }

table.table-list tr th.neta_post { width: 24%;}
table.table-list tr th.neta_title { width: 49%;}
table.table-list tr th.neta_subsc { width: 7%;}

table.table-list tr th.w10 { width: 10%;}
table.table-list tr th.w15 { width: 15%;}
table.table-list tr th.w20 { width: 20%;}
table.table-list tr th.w25 { width: 25%;}
table.table-list tr th.w30 { width: 30%;}
table.table-list tr th.w35 { width: 35%;}
table.table-list tr th.w40 { width: 40%;}
table.table-list tr th.w45 { width: 45%;}
table.table-list tr th.w50 { width: 50%;}
table.table-list tr th.w55 { width: 55%;}
table.table-list tr th.w60 { width: 60%;}
table.table-list tr th.w65 { width: 65%;}
table.table-list tr th.w70 { width: 70%;}
table.table-list tr th.w75 { width: 75%;}
table.table-list tr th.w80 { width: 80%;}
table.table-list tr th.w85 { width: 85%;}
table.table-list tr th.w90 { width: 90%;}
table.table-list tr th.w95 { width: 95%;}
table.table-list tr th.w100 { width: 100%;}

table.table-list tr td.number { text-align: center; vertical-align: middle;}

table.table-list tr td.send { text-align: center;}
table.table-list tr td.del { text-align: center;}icon-individual

table.table-list tr.bg-gray td { background: #F4F4F4;}
table.table-list tr td.del { white-space: normal !important;}
table.table-list tr td img {
    width: 30px;
    height: 30px;
}

table.table-list .btn-box-col1 a {
    width: auto;
    white-space: nowrap;
    margin: 0;
    padding: 5px;
    font-size: 0.9em;
}

table.table-list .btn-box-col1 button {
    width: auto;
    white-space: nowrap;
    margin: 0;
    padding: 5px;
    font-size: 0.9em;
}

.icon-entry {
    width: 21px !important;
    height: auto !important;
}

/* basicinformation_company.html */
table.table-list .account-tit { width: 20%;}
table.table-list .account-detail { width: 65%;}
table.table-list .account-change {
    width: 15%;
    text-align: center;
}

table.table-list .account-change .panel__btn {
    line-height: 34px;
    width: auto;
    margin: 0;
    height: auto;
}

table.table-list dl {
    margin: 0;
}

table.table-list dt{
    float: left ;
    clear: left ;
    margin: 0 10px 0 0;
    white-space: nowrap;
    min-width: 50%;
}

table.table-list dd{
    min-width: 50%;
}

table.table-list .postal-code {
    width: 100%;
    display: block;
}

table.table-list .icon-individual {
    width: 100%;
    margin-bottom: 10px;
}

table.table-list .icon-individual img {
    width: 50px;
    height: 50px;
}

table.table-list dl.individual-photo {
    margin: 0;
    padding: 0;
}

table.table-list dl.individual-photo dt {
    float: left;
    clear: left;
    min-width: 30px !important;
    margin-right: 10px;
}

table.table-list dl.individual-photo dt img {
    width: 30px;
    height: 30px;
}

table.table-list dl.individual-photo dd {
    min-width: auto !important;
    padding-top: 0px;
    margin-left: 40px;
}


table.table-list .introduction {
    width: 100%;
    display: block;
}

table.table-list .company-logo {
    width: 164px;
    margin-bottom: 10px;
}

table.table-list .company-logo img{
    width: 164px;
    height: auto;
}
/* /basicinformation_company.html */


@media screen and (max-width:768px){
    table.table-list {
        margin: 0;
    }

    table.table-list tr td {
        padding: 10px 6px;
    }

    table.table-list tr th.days { width: 18%;}
    table.table-list tr th.post { width: 32%;}
    table.table-list tr th.title { width: 32%;}
    table.table-list tr th.number { width: 18%;}

    table.table-list tr th.entry-days { width: 19%;}
    table.table-list tr th.applicant { width: 19%;}
    table.table-list tr th.msg { width: 30%;}
    table.table-list tr th.attachment-list { width: 15%;}
    table.table-list tr th.follow-btn { width: 17%;}

    table.table-list tr th.title-list { width: 31%;}
    table.table-list tr th.overview { width: 31%;}
    table.table-list tr th.entry-number { width: 19%; letter-spacing: -2px;}

    table.table-list tr th.days2 { width: 19%; white-space: nowrap;}
    table.table-list tr th.entry { width: 13%;}

    table.table-list tr th.company-name-all { width: 28%;}
    table.table-list tr th.position-all { width: 13%;}
    table.table-list tr th.name-all { width: 29%;}

    table.table-list tr td .left { float: left; width: 38%;}
    table.table-list tr td .right { float: right; width: 62%;}
    table.table-list tr td .right p.name { margin-top:3px;}

    table.table-list tr td img {
        width: 25px;
        height: 25px;
    }

    .icon-entry {
        width: 15px !important;
    }

    table.table-list dl.individual-photo dt {
        min-width: 25px !important;
        margin-right: 5px;
    }

    table.table-list dl.individual-photo dt img {
        width: 25px;
        height: 25px;
    }

    table.table-list dl.individual-photo dd {
        padding-top: 3px;
        margin-left: 30px;
    }

    /* basicinformation_company.html */
    table.table-list .account-tit { width: 30%;}
    table.table-list .account-detail { width: 50%;}
    table.table-list .account-change { width: 20%;}

    table.table-list .icon-individual {
        margin-bottom: 5px;
    }

    table.table-list .company-logo {
        width: 164px;
        margin-bottom: 5px;
    }

    table.table-list .company-logo img{
        width: 70%;
        height: auto;
    }

    table.table-list .btn-box-col1 a {
        padding: 10px 5px;
    }

    table.table-list .btn-box-col1 button {
        padding: 10px 5px;
    }
    /* /basicinformation_company.html */
}

/*タブ切り替え全体のスタイル*/
.tabs {
    margin-top: 44px !important;
    width: 100%;
    margin: 0 auto;
}

.tabs2 {
    margin-top: 0px !important;
    width: 100%;
    margin: 0 auto;
}

.tabs2 input:checked + .tab_item {
    background-color: #1f86bb;
    color: #fff;
}

/*タブのスタイル*/
.tab_item,
.tab_item2 {
    width: calc(100%/3);
    height: 50px;
    background-color: #fff;
    line-height: 50px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    transition: all 0.2s ease;
    cursor: pointer;
}

.tab_item { background-color: #fff;	border-bottom: 3px solid #e9edef;}
.tab_item2 { background-color: #e9edef;	border-bottom: 0;}

.tab_item:hover {
    opacity: 1;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    padding: 0;
    margin: 0;
    clear: both;
    overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1-content,
#tab2:checked ~ #tab2-content,
#tab3:checked ~ #tab3-content {
    display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
    background-color: #1f86bb;
    color: #fff;
}

.tabs input:checked + .tab_item.media{
    background-color: #0fcea8;
    color: #fff;
}

.tabs input:checked + .tab_item.public-rela{
    background-color: #acb9c1;
    color: #fff;
}

/* basicinformation_company.html */
.tabs input:checked + .tab_item2 {
    background-color: #e9edef;
    color: #111;
}

.tabs input:checked + .tab_item2.basic-info,
.tabs input:checked + .tab_item2.company-info {
    background-color: #fff;
    color: #111;
    border-top: 3px solid #000;
}
/* /basicinformation_company.html */

@media screen and (max-width:768px){
    .tabs {
        margin-top: 0 !important;
    }
    .tab_item {
        border-bottom: 1px solid #e9edef;
    }
    .tab_item2 {
        width: calc(100%/2);
    }
}

/* Posting Insights ---------------------- */
.period-box {
    margin-top: 44px;
    padding: 15px 20px 0 20px;
    background: #fff;
}

.period-box .period {
    float: left;
    margin-right: 10px;
}

.period-box .day-specified {
    margin-bottom: 15px;
}

.period-box .day-specified .day-from{
    margin-right: 10px;
}

.period-box .period ul.period-list {
    width: 100%;
    margin-top: 1px;
}

.period-box .period ul.period-list li {
    float: left;
    margin-right: 10px;
}

.period-box .period ul.period-list li.page-period {
    line-height: normal;
}

.period-box .period select.period-select {
    border: none;
    border-bottom: 1px solid #cdd8dc;
    min-height: 25px;
    display: flex;
    cursor: pointer;
    padding: 0 5px;
    font-size: 14px;
}

.day-specified .specified-box {
    border: 1px solid #cdd8dc;
    border-radius: 3px;
    padding: 3px 8px;
    font-size: 100%;
    width: 22%;
    margin-right: 10px;
}

input.searchBtn{
    padding: 0 8px;
}

table.table-list.dashboard-table {
    margin: 0;
}

table.table-list.dashboard-table tr {
    border-bottom: 1px solid #cdd8dc;
    background: #fff;
}

table.table-list.dashboard-table tr.border-none {
    background: #7A8C8F;
    border: none;
}

table.table-list.dashboard-table tr th {
    padding: 5px 10px 0 10px;
    vertical-align: middle;
}

table.table-list.dashboard-table tr th a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    padding: 0 !important;
}

.period-box .period-choice {
    float: right;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.period-box .period-choice ul.period-btn {
    border-left: 1px solid #cdd8dc;
}

.period-box .period-choice ul.period-btn li {
    float: left;
    line-height: 200%;
    border-right: 1px solid #cdd8dc;
    border-bottom: 1px solid #cdd8dc;
    border-top: 1px solid #cdd8dc;
    text-align: center;
    display: block;
}

.period-box .period-choice ul.period-btn li a {
    background: #fff;
    display: block;
    width: 64px;
    text-decoration: none;
    color: #666;
    font-size: 12px;
}

.period-box .period-choice ul.period-btn li a:hover {
    opacity: 0.7;
}
/* //shipood-dashboard */

table.table-list.dashboard-table tr th.days { width: 11%;}
table.table-list.dashboard-table tr th.post { width: 26%;}
table.table-list.dashboard-table tr th.type { width: 15%;}
table.table-list.dashboard-table tr th.range { width: 11%;}
table.table-list.dashboard-table tr th.icon-area { width: 7%; background: #3B9CDF;}
table.table-list.dashboard-table tr th.bg-green { background: #41CEB1;}
table.table-list.dashboard-table tr th.bg-blue { background: #3B9CDF;}
table.table-list.dashboard-table tr th.broadcast { width: 7%;}

/* shipood table */
.shipood-table table.table-list.dashboard-table tr th.days { width: 11%;}
.shipood-table table.table-list.dashboard-table tr th.company-user { width: 22%;}
.shipood-table table.table-list.dashboard-table tr th.post { width: 22%;}
.shipood-table table.table-list.dashboard-table tr th.type { width: 11%;}
.shipood-table table.table-list.dashboard-table tr th.range { width: 7%;}
.shipood-table table.table-list.dashboard-table tr th.icon-area { width: 5%; background: #3B9CDF;}
.shipood-table table.table-list.dashboard-table tr th.bg-green { background: #41CEB1;}
.shipood-table table.table-list.dashboard-table tr th.bg-blue { background: #3B9CDF;}
.shipood-table table.table-list.dashboard-table tr th.broadcast { width: 7%;}
/* //shipood table */

table.table-list.dashboard-table tr th.icon-area img{ margin: 0 auto;}
table.table-list.dashboard-table tr th img.arrow-sort { width: 8px; height: 14px; margin: 0 auto 10px;}
table.table-list.dashboard-table tr th a:hover { opacity: 0.7;}

table.table-list.dashboard-table tr th.icon-area img.icon-mpressions { width: 16px; height: 20px;}
table.table-list.dashboard-table tr th.icon-area img.icon-iine { width: 18px; height: 18px;}
table.table-list.dashboard-table tr th.icon-area img.icon-clip { width: 20px; height: 18px;}
table.table-list.dashboard-table tr th.icon-area img.icon-entry2 { width: 18px; height: 18px;}

table.table-list.dashboard-table tr td { background: #fff; border: 0;}
table.table-list.dashboard-table tr.koho td { background: #F5F8F8;}
table.table-list.dashboard-table tr.kisha td { background: #DAFCF4;}

/* tooltip */
.icon-area .icon-btn {
    position: relative;
    display: block;
}

.icon-area .icon-btn:hover .tooltip {
    opacity: 1;
}

.icon-area .icon-btn .tooltip {
    position: absolute;
    content: "";
    display: inline-block;
    top: -35px;
    right: 0;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    text-align: center;
    opacity: 0;
    transition: all .3s;
}

.icon-area .icon-btn .tooltip .text {
    display: inline-block;
    margin: 0 auto;
    padding: 6px 15px;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    background: #2b3233;
    border-radius: 3px;
    cursor: default;
}

.icon-area .icon-btn .tooltip .text::before {
    position: absolute;
    content: "";
    bottom: -6px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px ;
    border-color: #2b3233 transparent transparent transparent;
}
/* //tooltip */

.more-read {
    text-align:center;
    padding: 15px 0;
    height: 64px;
}

.more-read a {
    width: 100%;
    color: #0C92D2;
    height: 100%;
    background:url(/../image/arrow_bottom_blue.png) no-repeat bottom center;
    background-size: 10px 6px ;
    text-decoration: none;
    padding: 15px 0;
}

.more-read a:hover {
    opacity: 0.7;
}

@media screen and (max-width:768px){
    .period-box {
        margin-top: 0;
    }

    .period-box .period {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .period-box .day-specified .day-from{
        margin: 3px 0;
        display: block;
        text-align: center;
    }

    .period-box .period ul.period-list li {
        float: left;
        margin-right: 0;
        margin-top: 0;
    }

    .period-box .period ul.period-list li.page-period {
        padding-top: 1px;
        margin-right: 10px;
    }

    .period-box .period select.period-select {
        font-size: 13px;
    }

    .day-specified .specified-box {
        width: 100%;
        margin-right: 0;
    }

    input.searchBtn{
        padding: 8px;
        width: 100%;
        margin-top: 10px;
    }

    table.table-list.dashboard-table tr td.company-user-box {
        min-width: 120px;
        white-space: normal;
        height: 100%;
    }

    table.table-list.dashboard-table tr td.post {
        min-width: 150px;
        white-space: normal;
        height: 100%;
    }

    /* shipood-dashboard */
    .period-box .period-choice {
        float: none;
        width: 100%;
    }

    .period-box .period-choice ul.period-btn li {
        width: 33.3%;
        line-height: 240%;
    }

    .period-box .period-choice ul.period-btn li a {
        width: 100%;
        font-size: 0.9em;
    }

    .x-scroll {
        overflow: auto;
    }
    .x-scroll table {
        width: 100%;
    }
    .x-scroll::-webkit-scrollbar {
        height: 5px; /* スクロールバーの高さ */
    }
    .x-scroll::-webkit-scrollbar-track {
        background: #F1F1F1; /* スクロールバーの背景色 */
    }
    .x-scroll::-webkit-scrollbar-thumb {
        background: #d6d6d6;  /*スクロールバーの色*/
    }
    .x-scroll th, .x-scroll td {
        white-space: nowrap; /* 文字の折返しを禁止 */
    }

    .more-read {
        text-align:center;
        padding: 0;
        width: 100%;
        display: block;
    }

    .more-read a {
        display: block;
        background-position-y: 40px;
    }
}

/* dashboard ---------------------- */
#main h2 {
    font-size: 180%;
    line-height: 150%;
    font-weight: 400;
    margin-bottom: 15px;
}

#main h2.summary {
    background: #798B8E;
    padding: 10px 21px ;
    color: #fff;
    font-size: 120%;
    margin-bottom: 0;
}

.dashboard-wrap {
    background: #fff;
    margin-bottom: 50px;
}

.dashboard-wrap article.list-box {
    padding: 21px 0 0 0;
    border-bottom: 1px solid #CDD8DC;
}

.dashboard-wrap article.list-box .sub-title {
    padding: 0 21px;
}

.dashboard-wrap article.list-box .summary-innter {
    margin-bottom: 30px;
    padding: 0 21px;
}

.dashboard-wrap article.list-box .number-box {
    float: left;
    width: 31%;
}

.dashboard-wrap article.list-box .graph-box {
    float: right;
    width: 65%;
}

.dashboard-wrap article.list-box .graph-box .graph-col1{
    width: 100%;
    height: 150px;
}

.dashboard-list {
    margin: 0;
    padding: 0;
}

.dashboard-list ul,
.dashboard-wrap article.list-box ul  {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dashboard-list ul li {
    float: left;
    width: 33.3285%;
    border-right: 1px solid #CDD8DC;
    border-top: 1px solid #CDD8DC;
    padding: 21px;
    align-self: stretch;
    white-space: normal;
}

.dashboard-wrap article.list-box ul li {
    float: left;
    border-right: 0;
    border-top: 0;
    padding: 0 21px 21px 21px;
    align-self: stretch;
    white-space: normal;
    border-right: 0;
    border-top: 0;
}

.dashboard-list ul.col4 li {
    float: left;
    width: 25%;
    border-right: 1px solid #CDD8DC;
    border-top: 1px solid #CDD8DC;
    padding: 21px;
    align-self: stretch;
    white-space: normal;
}

.dashboard-list ul li:nth-child(3n) {
    border-right: none;
}

.dashboard-list h3 {
    font-size: 130%;
    margin-bottom:5px;
}

.dashboard-list h4 {
    margin-bottom:5px;
    font-size: 90%;
    font-weight: 400;
}

.dashboard-list h4.deadline {
    font-size: 90%;
    color: #DC1F1F;
}

.dashboard-list p.day {
    font-size: 90%;
    margin-bottom:25px;
    color: #8C8C8C;
}

.dashboard-list p.number {
    font-size: 230%;
    margin-bottom:25px;
    font-weight: 700;
    line-height: 120%;
}

.dashboard-list p.middle{
    font-size: 170%;
    margin-bottom:25px;
    font-weight: 700;
    line-height: 120%;
}

.dashboard-list p.description {
    font-size: 90%;
}

.dashboard-list p.description-error{
    font-size: 90%;
    color: #8C8C8C;
    margin-top: 20px;
}

.dashboard-list ul li .graph {
    width: 100%;
    height: 80px;
}

.dashboard-list ul li .calendar {
    padding: 10px 0 15px 0;

}

.dashboard-list ul li .calendar img {
    width: 38px;
    height: 43px;
    margin: 0 auto;
}

@media screen and (max-width:768px){
    #main h2 {
        font-weight: 600;
        margin-bottom: 10px;
    }

    #main h2.summary {
        text-align: center;
    }

    .dashboard-wrap {
        margin-bottom: 40px;
    }

    h2.insight { margin: 0 20px;}

    .dashboard-wrap article.list-box {
        padding: 40px 0 0 0;
        border-bottom: 1px solid #CDD8DC;
    }

    .dashboard-wrap article.list-box .sub-title {
        padding: 0 50px;
    }

    .dashboard-wrap article.list-box .number-box {
        float: none;
        width: 100%;
    }

    .dashboard-wrap article.list-box .graph-box {
        float: none;
        width: 100%;
    }

    .dashboard-wrap article.list-box .summary-innter {
        margin-bottom: 40px;
        padding: 0 50px;
    }
    .dashboard-list ul {
        display: inline;
    }

    .dashboard-list ul li {
        float: none;
        width: 100%;
        border-right: none;
        padding: 40px 50px;
    }

    .dashboard-wrap article.list-box ul li {
        padding: 0 50px 40px 50px;
    }

    .dashboard-list ul.col4 li {
        float: none;
        width: 100%;
        border-right: 0;
        border-top: 0;
        padding: 40px 50px;
    }

    .dashboard-list h3 {
        font-size: 170%;
    }

    .dashboard-list h4 {
        font-size: 120%;
    }

    .dashboard-list h4.deadline {
        font-size: 120%;
    }

    .dashboard-list p.day {
        font-size: 120%;
    }

    .dashboard-list p.number {
        font-size: 300%;
    }

    .dashboard-list p.middle{
        font-size: 220%;
    }

    .dashboard-list p.description {
        font-size: 120%;
    }

    .dashboard-list p.description-error{
        font-size: 120%;
    }

    .dashboard-list ul li .graph {
        height: 115px;

    }

    .dashboard-list ul li .calendar {
        padding: 0 0 10px 0;

    }

    .dashboard-list ul li .calendar img {
        width: 38px;
        height: 43px;
        margin: 0 auto;
    }
}

/* shipood dashboard ---------------------- */

/* ------------------------------------
// 共通レイアウト
// h1
// メインコンテンツの背景白パターン
------------------------------------ */
#header-tit {
    width: 980px;
    margin: 0 auto;
    padding: 50px 0 0 0;
}

#header-tit h1 {
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

#header-tit p {
    margin-bottom: 20px;
    text-align: center;
}

.content-common {
    width: 980px;
    margin: 0 auto;
}

#main-common { width: 100%;}

.contents-bg-white {
    background: #fff;
    width: 100%;
    padding: 30px;
    margin-bottom: 30px;
}

#main .mainContent-topArea {
    margin: 44px 0 -30px 0;
}

@media screen and (max-width:768px){
    #header-tit {
        width: 89.33%;
        padding: 20px 0 0 0;
    }

    #header-tit h1 {
        font-size: 1.6em;
    }

    .content-common {
        width: 100%;
    }

    .contents-bg-white {
        padding: 20px;
    }

    #main .mainContent-topArea {
        margin: 10px 6px;
    }
}

/* ------------------------------------
calendar
------------------------------------ */

.calendar-schedule{
    text-align: left;
    padding: 0px 2px;
    overflow: hidden;
    border-radius: 3px;
    margin: 2px 0px;
    border: 2px solid;
    font-size: 13px;
    line-height: 1.1em;
    white-space: nowrap;
    color: black;
}

.calendar-schedule-1{
    background-color: #cdd9f8;
    border-color: #cdd9f8;
}

.calendar-schedule-2{
    background-color: #f5cb9d;
    border-color: #f5cb9d;
}

.calendar-schedule-3{
    background-color: #daebd3;
    border-color: #daebd3;
}

.calendar-schedule-others{
    background-color: white;
    border-color: white;
}

.calendar-schedule-open{
}

.calendar-schedule-close{
    background-color: white;
}

h2.calendar-schedule-header {
    text-align: center;
    color: #393939;
}

.calendar-contents{
    margin-top: 44px;
    font-size: 13px;
    padding: 8px;
    background-color: #ffffff;
}

table.calendar-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

table.calendar-table > tbody > tr > td{
    text-align: center;
}

tr.calendar-week-table > td {
    border: 1px #E0E0E0 solid;
}

td.calendar-table {
    height: 8.4em;
    border: 1px #E0E0E0 solid;
}

table.calendar-schedule-table {
    font-size: 13px;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

table.calendar-schedule-table > tbody > tr > td:first-child{
    width: 100px;
    padding-left: 20px;
}

table.calendar-schedule-table > tbody > tr > td{
    border-bottom: 1px #E0E0E0 solid;
    padding-top: 10px;
    padding-bottom: 10px;
}

.calendar-schedule-control{
    text-align: center;
}

.calendar-month-selector{
    height: 26px;
}

.calendar-month-selector a:first-child{
    float: left;
    text-align: left;
}
.calendar-month-selector a:last-child{
    float: right;
    text-align: right;
}

a.calendar-create-btn{
    position: absolute;
    right: 0;
    text-align: center;
    margin: 5px;
    line-height: 32px;
    width: 100px;
    color: #fff;
    background: #3B9CDE;
    border-radius: 5px;
    white-space: nowrap;
    text-decoration: none;
}

a.calendar-edit-btn{
    display: inline-block;
    text-align: center;
    margin: 5px;
    line-height: 38px;
    width: 100px;
    color: #fff;
    background: #3B9CDE;
    border-radius: 5px;
    white-space: nowrap;
    text-decoration: none;
}

a.calendar-delete-btn{
    display: inline-block;
    text-align: center;
    margin: 5px;
    line-height: 38px;
    width: 100px;
    color: #fff;
    background: #fc8b47;
    border-radius: 5px;
    white-space: nowrap;
    text-decoration: none;
}

a.calendar-create-btn:hover,
a.calendar-edit-btn:hover,
a.calendar-delete-btn:hover {
    opacity: 0.7;
}

span.calendar-with-weekday-name{
    display: none;
}

span.calendar-without-weekday-name{
    display: inline;
}


.calendar-day-black,
.calendar-day-black a{
    color: black;
}

.calendar-day-red,
.calendar-day-red a{
    color: #e60012;
}

.calendar-day-blue,
.calendar-day-blue a{
    color: #008bdb;
}


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

    td.calendar-table {
        display: block;
        min-height: 3.4em;
        height: auto;
    }

    td.calendar-submonth {
        display: none;
    }

    tr.calendar-week-table{
        display: none;
    }

    span.calendar-with-weekday-name{
        display: inline;
    }

    span.calendar-without-weekday-name{
        display: none;
    }
}
/* ------------------------------------
schedule
------------------------------------ */

table.schedule-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

table.schedule-table > tbody > tr > td:first-child{
    width: 30%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
}

table.schedule-table > tbody > tr > td:last-child{
    width: 70%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
}

table.schedule-table > tbody > tr > td{
    border-bottom: 1px #E0E0E0 solid;
}

table.schedule-table > tbody > tr > td input[type="text"],
table.schedule-table > tbody > tr > td input[type="datetime-local"]{
    font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    border: 1px solid #cdd8dc;
    width: 100%;
    border-radius: 3px;
    padding: 8px;
}

table.schedule-table > tbody > tr > td input[type="checkbox"]{
    margin-right: 8px;
}

table.schedule-table > tbody > tr > td textarea{
    font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    border: 1px solid #cdd8dc;
    width: 100%;
    min-height: 3.5em;
    min-width: 100%;
    max-width: 100%;
    border-radius: 3px;
    padding: 8px;
}

table.schedule-table > tbody > tr > td select{
    border: 1px solid #cdd8dc;
    border-radius: 3px;
    padding: 8px;
}

select#schedule_schedule_category_id{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

span.schedule-time-selector{
    display: inline-block;
}

.schedule-form{
    width: 100%;
    margin-top: 44px;
    padding: 8px;
    background-color: #ffffff;
}

.schedule-submit{
    margin: 20px auto;
    width: 200px;
}

.schedule-form input[type="submit"]{
    -webkit-appearance: none;
    display: block;
    width: 100%;
    height: 40px;
    font-size: 13px;
    color: #fff;
    background: #fc8b47;
    border-radius: 5px;
    white-space: nowrap;
}

.schedule-form input[type="submit"]:hover {
    opacity: 0.7;
}

/* ------------------------------------
companies
------------------------------------ */

tbody.company-tablelist tr td{
    vertical-align: middle;
}

nav.pagination{
    text-align: center;
    margin-top: 10px;
}

nav.pagination > span.page{
    text-align: center;
    border: 1px solid #E0E0E0;
    background-color: white;
    border-radius: 3px;
    padding: 5px;
}

nav.pagination > span.disabled{
    background-color: #E0E0E0;
}

nav.pagination > span.active{
    background-color: #f5cb9d;
}

/* ------------------------------------
// botton link
// 共通ボタン
------------------------------------ */
.btn-box-col1 a {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 280px;
    height: auto;
    padding: 10px 5px;
    text-align: center;
}

.btn-box-col1 button {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 280px;
    height: auto;
    padding: 10px 5px;
    text-align: center;
}

.btn-box-col1 a:hover {
    opacity: 0.7;
}

.btn-box-col1 button:hover {
    opacity: 0.7;
}

.btn-box-col1 a.btn {
    display: block;
    height: 100%;
    font-size: 13px;
    color: #fff;
    background: #fc8b47; /* orange */
    border-radius: 5px;
    text-decoration: none;
}

.btn-box-col1 button.btn {
    display: block;
    height: 100%;
    font-size: 13px;
    color: #fff;
    border: 0;
    background: #fc8b47; /* orange */
    border-radius: 5px;
    text-decoration: none;
}

.btn-box-col1 a.btn-blue { background: #3B9CDE;}
.btn-box-col1 a.btn-white { background: #fff; border: 1px solid #fc8b47; color: #fc8b47;}
.btn-box-col1 a:hover.btn-white { background: #fc8b47; color: #fff; text-decoration: none;	opacity: 1;}
.btn-box-col1 a.btn-gray { background: #fff; color: #cdd8dc;}
.btn-box-col1 button.btn-blue { background: #3B9CDE;}
.btn-box-col1 button.btn-white { background: #fff; border: 1px solid #fc8b47; color: #fc8b47;}
.btn-box-col1 button:hover.btn-white { background: #fc8b47; color: #fff; text-decoration: none;	opacity: 1;}
.btn-box-col1 button.btn-gray { background: #fff; color: #cdd8dc;}

@media screen and (max-width: 768px) {
    .btn-box-col1 a {
        width: 80%;
    }
    .btn-box-col1 button {
        width: 80%;
    }
}

/* ------------------------------------
// module
------------------------------------ */
footer {
    text-align: center;
    margin: 80px 0 20px 0;
}
@media screen and (max-width: 768px) {
    footer {
        margin: 30px 0 15px 0;
    }
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* 2020.12.22 add */
.mlr20 { margin: 0 20px;}
.fs80 { font-size: 80%; line-height: 100%;}
.fs90 { font-size: 0.9em;}
.fs120{ font-size:1.2em;}
.pointer { cursor:pointer !important;}


/* input textarea */
::-webkit-input-placeholder{
    color: #aaa;
}
:-ms-input-placeholder{
    color: #aaa;
}
::-moz-placeholder{
    color: #aaa;
}

input[type="text"] {
    outline: 0;
    border: none;
}

textarea {
    outline: 0;
    border: none;
}

.bgGray { background: #F5F8F8 !important;}
.bgGreen { background: #DAFCF4 !important;}
.center { text-align: center;}
.border-none { border: none !important;}

.txt-blue { color: #3B9CDE; }
.txt-black { color: #111; }
.txt-red { color: #dc1f21; }
.txt-gray {color: #A9A9A9; }

.font-small { font-size: 0.9em;}

.hr { border-top: 1px solid #cdd8dc;}

.width-auto { width: auto !important;}

.p0 { padding: 0 !important;}
.p10 { padding: 10px !important;}

.m0 { margin: 0 !important;}
.mt0 { margin-top: 0 !important;}
.mb0 { margin-bottom: 0 !important;}

.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}

.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}

.mb15 {	margin-bottom: 15px !important;}

.m-lr0 { margin-left: 0 !important; margin-right: 0 !important;}
.p-tb15 { padding: 15px 30px !important;}

.bbGray {border: 1px solid #cdd8dc;}
.w90 {width: 90%}

@media screen and (max-width: 768px) {
    .mt30 { margin-top: 20px !important;}
    .w90 {width: 100%}
}

/* reporter-list new Page ('201028 add)----------------- */
.reporterListTitle {
    font-size: 1.3em;
    font-weight: 600;
    margin: 22px 0 -24px 0;
    line-height: 180%;
}

a.question {
    content: "";
    background: url(/assets/common/icon_qestion-4c69565bddd6d0ef47e0462f54a3246d1713686c3aaefad52e0f533aaf6dc8ec.png) ;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain;
    vertical-align: middle;
    margin-left:10px;
}

table .arrow-sort {
    margin-left:10px;
    color: #fff !important;
}

table tr td.regionName {
    line-height: 240%;
}

table.table-list tr th {
    padding: 10px 0;
}

table.table-list tr th.tableW15 { width: 15%;}
table.table-list tr th.tableW20 { width: 20%;}
table.table-list tr th.tableW25 { width: 25%;}
table.table-list tr th.tableW60 { width: 60%;}
table.table-list tr th.tableW80 { width: 80%;}

ul.abreastList {
    margin: 0;
    padding: 0;
}

ul.abreastList li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 30px;
}

ul.abreastList :last-child {
    margin-right: 0;
}

/* modal */
.modal-wrapper {
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 40px 10px;
    text-align: center
}

.modal-wrapper:not(:target) {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    vertical-align: middle;
    content: ""
}

.modal-wrapper .modal-window {
    box-sizing: border-box;
    display: inline-block;
    z-index: 20;
    position: relative;
    width: 70%;
    max-width: 600px;
    padding: 40px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .6);
    vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
    max-height: 80vh;
    overflow-y: auto;
    text-align: left
}

.modal-wrapper .modal-window .modal-content p {
    margin: 15px 0;
}

.modal-overlay {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    opacity: 0.8;
}

.modal-wrapper .modal-close {
    z-index: 20;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    color: #95979c !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    text-indent: 0
}

.modal-wrapper .modal-close:hover {
    color: #2b2e38 !important
}

@media (max-width: 768px) {
    .modal-wrapper .modal-window {
        width: 80%;
        padding: 30px 20px;
    }
}
/* /modal */

@media (max-width: 768px) {
    .reporterListTitle {
        margin: 44px 10px 0px 10px;
        padding: 10px 0;
    }

    table.table-list tr th.tableW15 { width: 20%;}
    table.table-list tr th.tableW20 { width: 25%;}
    table.table-list tr th.tableW25 { width: 30%;}
    table.table-list tr th.tableW60 { width: 50%;}
    table.table-list tr th.tableW80 { width: 70%;}
}

/* /reporter-list new Page ('201028 add)----------------- */


/***
====================================================================
  ticket Section 2020.12.22
====================================================================
***/
.wrapWhite {
	padding: 30px;
	background: #fff;
	margin: 44px 0 30px 0;
}

/* チケット数選択画面 */
#ticket {}

.titleIconBox {
	margin: 10px auto 50px;
}

.titleIconBox .icon {
	width: 50px;
	height: 51px;
	margin: 0 auto;
	display: block;
}

#main .title-h2 {
	font-size: 1.5em !important;
	text-align: center;
	font-weight: bold;
	margin: 30px 0 !important;
}

#main .title-h2-s {
  font-size: 1.375em !important;
	text-align: center;
	font-weight: bold;
	margin: 30px 0 !important;
}

h3.bgGrayTitle {
	background: #F1F4F5;
	padding: 20px;
	font-size: 1.3em;
	font-weight: bold;
	margin: 50px 0 30px;
}

select.baseStyle {
	border: none;
	border-bottom: 1px solid #cdd8dc;
	min-height: 25px;
	cursor: pointer;
	min-width: 130px;
	margin-bottom: 25px;
}

#ticket p.read-one {
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	#main #ticket h2 {
		margin: 30px 0 !important;
	}

	h3.bgGrayTitle {
		font-size: 1.2em !important;
		margin: 50px 0 20px;
	}
}

/* 決済方法選択画面 */
#ticket .check {
	width: 300px;
	margin: 0 auto;
}

#ticket dl {
	border-top: 1px solid #CDD8DC;
	margin-top: 40px;
	font-weight: bold;
  font-size: 1.3em !important;
}

#ticket dt{
  float: left;
	width: 50%;
	border-bottom: 1px solid #CDD8DC;
	padding: 20px 0;
}

#ticket dd{
  margin-left: 50%;
	width: 50%;
	border-bottom: 1px solid #CDD8DC;
	padding: 20px 0;
}

#ticket input[type="button"],
#ticket input[type="button"]:active {
   border-radius: 0.3em;
	 background: #3B9CDE;
	 width: 100%;
	 height: 100%;
	 color: #fff;
	 cursor:pointer;
	 -webkit-appearance: none;
	 border: none;
}

#ticket input[type="button"]:hover {
	opacity: 0.7;
}

#ticket .settlementBox {
	margin: 30px 0;
}

#ticket .choice .leftBox {
	margin-right:10px;
}

#ticket .choice .rightBox {
	margin-left: 40px;
	margin-right:10px;
}

#ticket .bottomArea {
	margin-top: 60px;
}

@media screen and (max-width: 768px) {
	#ticket .choice .rightBox {
		margin-left: 10px;
	}
	#ticket .bottomArea {
	margin-top: 40px;
}
}


/***
====================================================================
  プレスリリース改修 2020.12.22
====================================================================
***/
/*.hidden { display: none;}*/
.mr20 { margin-right: 20px;}

ul.inline-block {
    list-style-type: none;
    padding-left: 0;
    text-align: center;
    margin-bottom: 40px;
}

ul.inline-block li {
    margin: 0 10px;
    display: inline-block;
    text-align: left;
}

ul.inline-block .secondSpace {
    margin-left: 20px;
}

input[type="radio"] {
    margin-right: 8px;
}

#postTypeChanger {
  margin-right: 30px;
  margin-left: 30px;
}

.press-area,
.recruit-area,
.general-area {
    margin: 0 30px;
}

.press-area p,
.recruit-area p,
.general-area p {
    margin-bottom: 8px;
}

.recruit-area ul li,
.general-area ul li {
    list-style: disc;
    margin-left: 20px;
}

.press-area h3 {
    font-size: 1.225em;
    margin-bottom: 20px;
}

.numberTickets {
    font-size: 1.3em;
    font-weight:bold;
}

.press-post {
    margin: 0 20px;
}

.press-post input[type="text"] {
    border: 1px solid #cdd8dc;
    padding: 3px;
    width:100%;
    height: 30px;
}

table.cell-2 {
    width: 100%;
}
table.cell-2 th {
    padding: 10px 0;
    font-weight: 100;
    text-align: left;
    vertical-align: top;
    width: 30%;
}
table.cell-2 td {
    padding: 10px 0;
    width: 70%;
}

.press-post .borderAll {
    border: 1px solid #cdd8dc;
    line-height: 30px;
    padding: 0 5px;
}

.tnksMsg {
    margin: 0 20px 40px 20px;
}

.deliverDest {
    background: #E9EDEF;
    padding: 30px 20px 1px 20px;
}

table.deliverList  {
    margin-bottom: 30px;
    width: 100%;
}
table.deliverList th {
    padding-bottom: 10px;
    font-weight: 100;
    text-align: left;
    vertical-align: top;
    width: 30%;
}
table.deliverList td {
    padding-bottom: 10px;
    width: 70%;
}

.submitArea {
    margin: 30px 30px 30px 30px;
    border-top: 2px solid #D8DEE2;
    padding-top:20px;
}

.labelMust:after {
    content: "必須";
    font-size: 0.7em;
    padding: 0 5px 2px;
    border-radius: 2px;
    margin-left: 7px;
    position: relative;
    top: -2px;
    line-height: 1em;
    background-color: #ee2d50 !important;
    color: #FFF;
    margin-left: 10px;
    border-radius: 5px;
    font-weight: 100;
}

.labelAny:after {
    content: "任意";
    font-size: 0.7em;
    padding: 0 5px 2px;
    border-radius: 2px;
    margin-left: 7px;
    position: relative;
    top: -2px;
    line-height: 1em;
    background-color: #768E91!important;
    color: #FFF;
    margin-left: 10px;
    border-radius: 5px;
    font-weight: 100;
}

.formStyle {
    margin: 30px 0 70px 0;
}

ul.col3-list {
}

ul.col3-list li {
    display: inline-block;
    width: 32.5%;
    margin-bottom: 15px;
    vertical-align: top;
}

input[type="checkbox"] {
    margin-right: 8px;
}

.fileBtn {
    border: 1px solid #767676;
    background: #EFEFEF;
    border-radius: 3px;
    padding: 0 10px;
    display: inline-block;
}

@media (max-width: 768px) {
    table.cell-2 tr .last td:last-child {
        border-bottom: solid 1px #ccc;
        width: 100%;
    }
    table.cell-2 {
        width: 100%;
    }
    table.cell-2 th,
    table.cell-2 td,
    table.deliverList th,
    table.deliverList td {
        border-bottom: none;
        display: block;
        width: 100%;
    }

    table.cell-2 th,
    table.deliverList th{
        background: #D8DEE2;
        padding: 10px;
        margin-bottom: 10px;
        line-height: 100%;
    }

    table.cell-2 td,
    table.deliverList td {
        margin-bottom: 30px;
        padding: 0;
    }

    table.deliverList tr .last td:last-child {
        border-bottom: solid 1px #ccc;
        width: 100%;
    }
    table.deliverList {
        width: 100%;
        margin-bottom: 0;
    }

    table.deliverList td.last {
        margin: 0;
    }

    ul.inline-block {
        text-align: left;
        margin: 0 30px 30px 30px;
    }

    ul.inline-block li {
        margin: 0;
        display: block;
        line-height: 260%;
    }

    ul.inline-block .secondSpace {
        margin-left: 0;
    }

    .formStyle {
        margin: 20px 0 50px 0;
    }

    ul.col3-list {
    }

    ul.col3-list li {
        width: 100%;
        margin-bottom: 15px;
    }

    .deliverDest {
        background: #E9EDEF;
        padding: 30px 20px 10px 20px;
    }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *




 */

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.ml3 {
  margin-left: 3px;
}

.mb100 {
  margin-bottom: 100px;
}

.pt5 {
  padding-top: 5px;
}

.amend {
  font-size: 0.9em;
  color: gray;
}

.input-required {
  font-size: 0.9em;
  color: red;
}

.input-required:before {
  content: " ※";
}

.text-center {
  text-align: center;
}

#sidebar-content {
  /*bottom: 10px;
  position: -webkit-sticky;
  position: sticky;*/
}

img.fixed-aspect-ratio {
  width: 100%;
  /*height: auto;*/
  height: 100%;
}

.attention {
  display: inline-block;
  min-width: 17px;
  height: 17px;
  border-radius: 8.5px;
  padding: 0 3px;
  background-color: #bc0a1c;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 17px;
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

.unread-message-line {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #bc0a1c;
}

.unread-message-line:before, .unread-message-line:after {
  border-top: 1px dotted #bc0a1c;
  content: "";
  flex-grow: 1;
}

.unread-message-line:before {
  margin-right: 3px;
}

.unread-message-line:after {
  margin-left: 3px;
}

.dashboard-plus {
  color: green;
}

.dashboard-plus:before {
  content: "▲";
}

.dashboard-minus {
  color: red;
}

.dashboard-minus:before {
  content: "▼";
}

.text-center {
  text-align: center;
}

ul.company-keyword-list::after {
  content: "";
  display: block;
  clear: both;
}

ul.company-keyword-list li {
  list-style: none;
  margin-right: 20px;
  margin-bottom: 8px;
  float: left;
  display: block;
}

ul.company-keyword-list li i {
  margin-right: 10px;
}

.press-release-introduction-new {
  color: red;
}

.press-release-introduction-new:before {
  content: " ";
}

.recruitment-tab1-active {
  background-color: #1f86bb;
}

.recruitment-tab1-active a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.recruitment-tab1 {
  background-color: #fff;
}

.recruitment-tab1 a {
  display: block;
  color: #565656;
  text-decoration: none;
}

.recruitment-tab2-active {
  background-color: #acb9c1;
}

.recruitment-tab2-active a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.recruitment-tab2 {
  background-color: #fff;
}

.recruitment-tab2 a {
  display: block;
  color: #565656;
  text-decoration: none;
}

.pressclub-tab-active {
  background-color: #1f86bb;
}

.pressclub-tab-active a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.pressclub-tab {
  background-color: #fff;
}

.pressclub-tab a {
  display: block;
  color: #565656;
  text-decoration: none;
}

/* breadcrumb */
nav.breadcrumb {
  height: 22px;
}

.breadcrumb ol {
  margin: 0;
  padding: 0;
  display: flex;
  list-style-type: none;
}

.breadcrumb li::after {
  content: "\003e";
  padding: 0 1em;
}

.breadcrumb li:last-child::after {
  content: "";
}
/* breadcrumb end */

.pc_none {
  display: none;
}

.sp_none {
  display: block;
}

@media screen and (max-width: 768px) {
  .pc_none {
    display: block;
  }

  .sp_none {
    display: none;
  }
}