@charset "UTF-8";
/* テーマカラー */
/* 全体 */
body {
  background-color: #fff; }

a {
  color: #cc972e; }

/* ヘッダ */
.myattcom-header {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }

.myattcom-header .navbar {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }

#navbarDropdown span.fa {
  font-size: 2em; }

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto; } }

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
    top: auto; } }

#navbarDropdown {
  display: inline !important; }

#welcomeMessage {
  line-height: 1; }

#userDropdown {
  line-height: 1.5; }

/* メニューバー */
.open-menu-bar, .close-menu-bar {
  width: 100%;
  display: block; }

.myattcom-nav-tabs {
  font-size: .67rem;
  text-align: center;
  background-color: #cc972e;
  color: #fff;
  padding-top: 5px; }

.myattcom-nav-tabs a {
  color: inherit; }

.myattcom-nav-tabs img {
  max-height: 64px;
  max-width: 100%; }

.myattcom-nav-tabs .close-button img {
  max-height: 48px; }

.myattcom-nav-tabs .nav-item {
  max-width: 8.25%; }

.myattcom-nav-tabs .nav-item.close-button {
  max-width: 5.5%; }

.myattcom-nav-tabs .nav-link {
  padding-right: .5rem;
  padding-left: .55rem; }

@media (max-width: 767px) {
  .myattcom-nav-tabs .nav-item {
    max-width: 16%; }
  .myattcom-nav-tabs-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 576px) {
  .myattcom-nav-tabs .nav-item {
    max-width: 24%; } }

/* メイン領域 */
.myattcom-wrap {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }

.btn.btn-maincolor {
  background-color: #cc972e;
  color: #fff; }

.btn.btn-subcolor {
  background-color: #f6dfb1;
  color: #000; }

/* フッター */
.myattcom-backtotop {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }

.myattcom-footer {
  border-top: solid 1px #66f;
  text-align: center;
  background-color: #eff;
  margin-top: 10px; }

.myattcom-footerlinks a {
  display: inline-block; }

/* トップへ戻るボタン */
#pageTop {
  width: 90px;
  height: 60px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  opacity: 0.8;
  border: 3px solid #cc972e;
  border-radius: 15px;
  background-color: #fff; }

#pageTop a {
  position: relative;
  display: block;
  width: 90px;
  height: 60px;
  text-decoration: none; }

#pageTop a::before {
  font-family: FontAwesome;
  content: '\f062';
  font-size: 25px;
  color: #cc972e;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center; }

#pageTop a::after {
  content: '一番上へ';
  font-size: 13px;
  color: #cc972e;
  position: absolute;
  top: 33px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center; }

/* ホーム画面 メニューアイテム */
.myattcom-menu-card {
  border: none;
  margin-right: auto;
  margin-left: auto; }

.myattcom-menu-card .card-title {
  text-align: center;
  font-weight: bold; }

.myattcom-menu-card .card-text {
  line-height: 1.2;
  text-align: justify; }

img.card-img-top:hover {
  -webkit-filter: brightness(150%) saturate(50%);
          filter: brightness(150%) saturate(50%); }

@media (min-width: 992px) {
  .myattcom-menu-card {
    width: 140px; } }

ul li a.nav-link img, a.icon-color img {
    background-color: #805500;
}

.popover h3.popover-header {
  background-color: #cc972e;
  color: #fff;
  font-weight: bold; }

.popover {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 50px; }

.myattcom-menu-shrinkable.shrunk {
  padding-bottom: 5px; }

/* テーマカラー変更 */
.myattcom-color-theme-btn {
  font-size: .5em;
  border: solid 1px #fff; }

.myattcom-color-theme__blue {
  background-color: #2e97cc; }

.myattcom-color-theme__blue:hover {
  background-color: #a8e2ff; }

.myattcom-color-theme__pink {
  background-color: #cc2e2e; }

.myattcom-color-theme__pink:hover {
  background-color: #f6b1b1 !important; }

.myattcom-color-theme__yellow {
  background-color: #cc972e; }

.myattcom-color-theme__yellow:hover {
  background-color: #f6dfb1; }

.myattcom-color-theme__green {
  background-color: #25a278; }

.myattcom-color-theme__green:hover {
  background-color: #83f1b1; }

.myattcom-color-theme__black {
  background-color: #7d7d7d; }

.myattcom-color-theme__black:hover {
  background-color: #d4d4d4; }

.myattcom-color-theme__white {
  background-color: #e6e6e6; }

.myattcom-color-theme__white:hover {
  background-color: #b3b3b3; }

.myattcom-color-theme__active {
  outline: solid 1px #ccc; }

/* カード */
.card {
  margin-top: 15px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1); }

.card .card-header {
  font-weight: bold; }

.card.myattcom-menu-card {
  -webkit-box-shadow: none;
          box-shadow: none; }

.card-header {
  background-color: #f6dfb1; }

.card.myattcom-card-photo {
  width: 360px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%; }

.card.myattcom-card-photo img {
  width: 100%; }

.card.myattcom-card-photo .card-body {
  padding: .5rem; }

/* 文字サイズ変更 */
.myattcom-text-size__small {
  font-size: .7em; }

.myattcom-text-size__medium {
  font-size: 1em; }

.myattcom-text-size__large {
  font-size: 1.3em; }

/* ※印リスト */
ul.myattcom-list__kome {
  list-style-type: none;
  font-size: .8em; }

ul.myattcom-list__kome li:before {
  content: '※';
  margin-left: -1.2em;
  margin-right: .2em; }

/* ブックマークリストアイテム */
.myattcom-bookmark__folder,
.myattcom-bookmark__bookmark {
  border: none; }

/* ブックマーク編集メニュー */
.myattcom-popup-menu {
  position: absolute;
  z-index: 1; }

/* カレンダー */
.myattcom-calendar-table {
  table-layout: fixed; }

.myattcom-calendar-left {
  text-align: center;
  line-height: 1; }

.myattcom-calendar__sunday,
.myattcom-calendar__holiday {
  background-color: #fdc; }

.myattcom-calendar__saturday {
  background-color: #cef; }

.myattcom-calendar__notthismonth {
  background-color: #ddd;
  color: #999; }

.myattcom-calendar__today {
  background-color: #ffc; }

.myattcom-calendar__plan1 {
  color: #da3; }

.myattcom-calendar__plan2 {
  color: #a3d; }

.myattcom-calendar-this-week-list {
  list-style-type: none;
  padding-left: 0; }

.myattcom-calendar-this-week-list li {
  padding-left: 1.8em;
  text-indent: -1.5em; }

.myattcom-calendar-this-week-list li.myattcom-calendar-this-week__plan1:before {
  content: "●";
  color: #da3; }

.myattcom-calendar-this-week-list li.myattcom-calendar-this-week__plan2:before {
  content: "●";
  color: #a3d; }

/* アルバムへ写真登録時のドラッグ&ドロップ */
.drop-area {
  width: 100%;
  padding: 100px;
  background: #f8f8f8;
  text-align: center;
  border: dashed 5px #ccc; }

.drop-thumbnail {
  background-color: #f3fbff;
  margin-top: 15px; }

.drop-thumbnail .myattcom-card-photo {
  background-color: #fff;
  opacity: .6; }

.drop-thumbnail > div {
  margin-bottom: 10px; }

/* スケジュール画面 */
.dropdown-calendar {
  width: 300px;
  max-width: 90vw; }

/* ログイン画面 */
.card-header--lg {
  font-size: 125%; }

.card--registration .card-header {
  background-color: #ffba75; }

.card--registration .btn-primary {
  background-color: #e67300;
  border-color: #e67300; }

.card--registration .btn-primary:hover {
  background-color: #cc6600;
  border-color: #cc6600; }

.card--registration .card-body {
  background-color: #fff9f3; }

.card--registration a {
  color: #bb732a; }