.mt-android,.mt-android-indigo,.mt-android-orange,.mt-android-pink,.mt-android-violet{display:inline-block;box-sizing:border-box}.mt-android-indigo label,.mt-android-orange label,.mt-android-pink label,.mt-android-violet label,.mt-android label{display:inline-block;position:relative;box-sizing:border-box;cursor:pointer;width:4em;height:1.75em;border-radius:.875em;background-image:linear-gradient(90deg,#848484 0,#848484 50%,#7cbcbf 0,#7cbcbf);background-size:8em 1.7em;transition:all .3s ease}.mt-android-indigo label:before,.mt-android-orange label:before,.mt-android-pink label:before,.mt-android-violet label:before,.mt-android label:before{content:"";display:block;position:absolute;width:2.25em;height:2.25em;top:-.25em;left:0;border-radius:2em;background:#fff;transition:.3s ease;box-shadow:0 .125em .375em rgba(0,0,0,.5)}.mt-android-indigo input,.mt-android-orange input,.mt-android-pink input,.mt-android-violet input,.mt-android input{position:absolute;box-sizing:border-box;height:0;width:0;font-size:inherit;margin:0;border:none;z-index:1;cursor:pointer;-moz-appearance:none;-webkit-appearance:none}.mt-android-indigo input:focus,.mt-android-orange input:focus,.mt-android-pink input:focus,.mt-android-violet input:focus,.mt-android input:focus{outline:none}.mt-android-indigo input:checked+label,.mt-android-orange input:checked+label,.mt-android-pink input:checked+label,.mt-android-violet input:checked+label,.mt-android input:checked+label{background-position:-100%}.mt-android-indigo input:checked+label:before,.mt-android-orange input:checked+label:before,.mt-android-pink input:checked+label:before,.mt-android-violet input:checked+label:before,.mt-android input:checked+label:before{transform:translateX(1.75em)}.mt-android-indigo input:disabled+label,.mt-android-orange input:disabled+label,.mt-android-pink input:disabled+label,.mt-android-violet input:disabled+label,.mt-android input:disabled+label{background:#ccc!important;cursor:not-allowed!important}.mt-android-indigo input:disabled+label:before,.mt-android-orange input:disabled+label:before,.mt-android-pink input:disabled+label:before,.mt-android-violet input:disabled+label:before,.mt-android input:disabled+label:before{background:#ccc!important;box-shadow:0 .125em .375em rgba(0,0,0,.5)!important}.mt-android-indigo label{background-image:linear-gradient(90deg,#848484 0,#848484 50%,#9fa8da 0,#9fa8da)}.mt-android-violet label{background-image:linear-gradient(90deg,#848484 0,#848484 50%,#ce93d8 0,#ce93d8)}.mt-android-pink label{background-image:linear-gradient(90deg,#848484 0,#848484 50%,#f48fb1 0,#f48fb1)}.mt-android-orange label{background-image:linear-gradient(90deg,#848484 0,#848484 50%,#ffcc80 0,#ffcc80)}@charset "UTF-8";
/* 変数 */
/* mediaquery */
/* font */
@font-face {
  font-family: "Noto Serif Japanese";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSerifJP-Regular.woff") format("woff");
  src: url("../fonts/NotoSerifJP-Regular.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif Japanese";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSerifJP-Bold.woff") format("woff");
  src: url("../fonts/NotoSerifJP-Bold.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
  src: url("../fonts/NotoSansJP-Regular.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
  src: url("../fonts/NotoSansJP-Bold.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: yasashisa;
  src: url("../fonts/やさしさゴシック手書き.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/やさしさゴシック手書き.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */
}
@font-face {
  font-family: yasashisa;
  src: url(../fonts/やさしさゴシック手書き.otf) format("truetype"), url(../fonts/やさしさゴシック手書き.ttf) format("truetype");
}
@font-face {
  font-family: StencilStd;
  src: url(../fonts/StencilStd.otf) format("truetype");
}
/* mixin */
html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, select, main, address {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
  box-sizing: border-box;
}

a {
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
}

strong {
  font-style: normal;
}

ul li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-bottom;
}

sub {
  vertical-align: text-top;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input, textarea, select {
  *font-size: 100%;
}

legend {
  color: #000;
}

figure {
  margin: 0;
}

img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

html {
  font-size: 62.5%;
}
@media (max-width: 767px) {
  html {
    font-size: 75%;
  }
}

body {
  font-size: 1.6rem;
  font-family: "yasashisa", ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, 游ゴシック Medium, 游ゴシック, YuGothic, Noto Sans Japanese, Meiryo, メイリオ, ＭＳ Ｐゴシック, Verdana, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}

@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media (min-width: 1100px) {
  .sp {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .sp {
    display: none !important;
  }
}

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

img {
  max-width: 100%;
  vertical-align: bottom;
}

a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s;
}
a img {
  opacity: 1;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  a:hover img {
    opacity: 0.8;
  }
}
@media (max-width: 767px) {
  a:active img {
    opacity: 0.8;
  }
}

p {
  line-height: 180%;
}
p:not(:last-child) {
  margin-bottom: 1.2rem;
}
@media (min-width: 768px) {
  p a:hover {
    color: #019ab3;
  }
}
@media (max-width: 767px) {
  p a:active {
    color: #019ab3;
  }
}

ol {
  padding-left: 2rem;
}

ruby rt {
  font-size: 40%;
}

em {
  color: #e13838;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 3px 10px;
  border: 1px solid #b7b7b7;
  line-height: 180%;
}

select {
  padding: 8px 10px;
  border: 1px solid #b7b7b7;
}

textarea {
  width: 100%;
  height: 200px;
}

input[type=button],
input[type=submit] {
  padding: 5px;
}

.btn_flat {
  display: inline-block;
  padding: 10px 40px;
  background: #B06947;
  color: #fff;
  font-size: 1.4rem;
  cursor: pointer;
}

.btn_s {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  appearance: none;
  padding: 5px 10px;
  border: none;
  background: #8f8f8f;
  color: #fff;
  font-size: 1.1rem;
  line-height: 120%;
}

.btn_yellow {
  display: inline-block;
  padding: 10px 15px;
  background: #e4b210;
  text-align: center;
  cursor: pointer;
}

.btn_blue {
  display: inline-block;
  padding: 10px 15px;
  background: #879fc4;
  text-align: center;
  cursor: pointer;
}

.col {
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 767px) {
  .col {
    display: block;
  }
}
@media (max-width: 767px) {
  .col.is_sp_flex {
    display: flex;
  }
}
.col.is_oneline {
  flex-wrap: nowrap;
  justify-content: space-between;
}
.col_contents {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #container .col:not(.is_sp_flex) .col_contents {
    max-width: 100%;
    margin: 0 auto 15px;
  }
}
.is_oneline .col_contents {
  margin-bottom: 0;
}
.is_oneline .col_contents + .col_contents {
  margin-left: 2%;
}
@media (max-width: 767px) {
  #container .col:not(.is_sp_flex) .is_oneline .col_contents + .col_contents {
    margin-left: auto;
    margin-top: 30px;
  }
}
.is_2 .col_contents {
  max-width: 48%;
}
.is_2 .col_contents:nth-child(even) {
  margin-left: calc(4% - 1px);
}
.is_3 .col_contents {
  max-width: 32%;
}
.is_3 .col_contents:not(:nth-child(3n+1)) {
  margin-left: calc(2% - 1px);
}
.is_4 .col_contents {
  max-width: 23%;
}
.is_4 .col_contents:not(:nth-child(4n+1)) {
  margin-left: calc(2.6% - 1px);
}
.col_contents_title {
  margin-bottom: 5px;
}
.col_contents_text {
  margin-top: 5px;
}

.flImgContents_img {
  max-width: 37%;
  width: 100%;
}
@media (max-width: 767px) {
  .flImgContents_img {
    max-width: 100%;
  }
}
.flImgContents_img.is_s {
  max-width: 200px;
}
@media (max-width: 767px) {
  .flImgContents_img.is_s {
    max-width: 100%;
  }
}
.flImgContents_img.is_l {
  max-width: 47%;
}
@media (max-width: 767px) {
  .flImgContents_img.is_l {
    max-width: 100%;
  }
}
.flImgContents_img.is_fr {
  float: right;
  margin: 0 0 20px 40px;
}
@media (max-width: 767px) {
  .flImgContents_img.is_fr {
    float: none;
    margin: 0 auto 20px;
  }
}
.flImgContents_img.is_fl {
  float: left;
  margin: 0 40px 20px 0;
}
@media (max-width: 767px) {
  .flImgContents_img.is_fl {
    float: none;
    margin: 0 auto 20px;
  }
}

/*　テキスト、フォント　*/
.text_s {
  font-size: 85%;
}

.text_l {
  font-size: 120%;
}

/* リスト */
.list_normal li {
  margin: 0 0 10px;
  text-indent: -1.6rem;
  padding-left: 1.6rem;
}
.list_normal li::before {
  content: "●";
  margin-right: 5px;
  font-size: 13px;
  font-family: sans-serif;
  color: #B06947;
}

.list_number {
  padding: 0 0 0 25px;
}
.list_number li {
  list-style: decimal;
  margin: 0 0 10px;
}

.list_numbold {
  counter-reset: li;
  list-style: none;
  padding-left: 2.5rem;
}
.list_numbold > li::before {
  margin: 0 5px 0 -2rem;
  width: 2.5rem;
  content: counter(li) ". ";
  counter-increment: li;
  font-weight: bold;
}

/* 定義リスト */
.dl_normal dt {
  font-weight: bold;
  font-size: 1.8rem;
}
.dl_normal dd {
  margin-bottom: 30px;
}

.al_r {
  text-align: right;
}

.al_c {
  text-align: center;
}

.full {
  width: 100%;
}

.size_30 {
  width: 30%;
}
@media (max-width: 767px) {
  .size_30 {
    width: 100%;
  }
}

.size_60 {
  width: 60%;
}
@media (max-width: 767px) {
  .size_60 {
    width: 100%;
  }
}

.indent {
  width: 97%;
  margin: 0 0 0 auto;
}

.contents_center {
  max-width: 1000px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1099px) {
  .contents_center {
    max-width: 90%;
    width: 90%;
  }
}

@media (max-width: 767px) {
  .sp_space {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    width: 100%;
  }
}
@media (max-width: 767px) and (max-width: 1099px) {
  .sp_space {
    max-width: 90%;
    width: 90%;
  }
}

/*　セクション　*/
.section_01 {
  margin-top: 30px;
  margin-bottom: 40px;
}
.section_01:first-child {
  margin-top: 0;
}

.section_02 {
  margin-top: 40px;
  margin-bottom: 70px;
}
.section_02:first-child {
  margin-top: 0;
}

.section_03 {
  margin-top: 40px;
  margin-bottom: 100px;
}
.section_03:first-child {
  margin-top: 0;
}

.small_section {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* テーブル */
.nowrap {
  white-space: nowrap;
}

.caption {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.table_01 {
  border-collapse: collapse;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
.table_01 tr {
  border-bottom: 2px dotted #ccc;
}
.table_01 th, .table_01 td {
  padding: 13px;
}
@media (max-width: 767px) {
  .table_01 th, .table_01 td {
    font-size: 1.3rem;
  }
}
.table_01 th {
  background: #fcfbf5;
  color: #B06947;
}
.table_01 a {
  color: #019ab3;
}
@media (max-width: 767px) {
  .table_01.sidetitle th {
    padding: 10px 0;
  }
  .table_01.sidetitle td {
    padding: 20px 0;
  }
}

@media (max-width: 767px) {
  .sidetitle tr {
    display: block;
  }
  .sidetitle th, .sidetitle td {
    display: block;
    width: 100%;
    padding: 0;
  }
  .sidetitle th {
    font-weight: bold;
    margin-bottom: 5px;
  }
}

.wfix {
  table-layout: fixed;
}

@media (max-width: 767px) {
  .tableScrollWrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
}

/* タイトル */
.title_bold {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.title_01 {
  width: 157px;
  height: 48px;
  margin-bottom: 20px;
  padding: 14px 0 0 55px;
  background: url(../images/parts/h1_input.png) center center/contain no-repeat;
  color: #534888;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
}

.title_login {
  border-bottom: 2px solid #B06947;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-weight: bold;
  color: #B06947;
}

.tab {
  display: flex;
}
.tab_item {
  margin-bottom: 40px;
  padding: 10px 20px;
  border-left: 1px solid #B06947;
  border-right: 1px solid #B06947;
  border-top: 1px solid #B06947;
  cursor: pointer;
}
.tab_item + .tab_item {
  margin-left: 10px;
}
.tab_item.is_active {
  color: #B06947;
  font-weight: bold;
}

.naviLoading,
.naviLoading:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.naviLoading {
  position: absolute;
  top: 0;
  left: 0;
  margin: 60px auto;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.addLoading,
.addLoading:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.addLoading {
  position: fixed;
  top: 35%;
  left: calc(50% - 5em);
  margin: 60px auto;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(100, 100, 100, 0.5);
  border-right: 1.1em solid rgba(100, 100, 100, 0.5);
  border-bottom: 1.1em solid rgba(100, 100, 100, 0.5);
  border-left: 1.1em solid #02ddcb;
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.archiveLoading,
.archiveLoading:after {
  width: 150px;
  height: 250px;
}

.archiveLoading {
  position: absolute;
  top: 15%;
  left: calc(50% - 5em);
}

@-webkit-keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#container {
  min-height: 100vh;
  background: url(../images/parts/bg.png);
  padding: 20px 10px;
}

.wrapper {
  width: 1318px;
  margin: 0 auto;
}
.wrapper:not(.notHeaderNavi) {
  display: grid;
  grid-template: "navi header" 80px "navi main" auto/1fr 1162px;
}

.main {
  grid-area: main;
}

.book {
  position: relative;
  display: flex;
  height: 804px;
  background: url(../images/parts/bg_book.png) left top/contain no-repeat;
}

.textArea {
  width: 50%;
  padding: 190px 35px 121px 76px;
}
.textArea_inner {
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  white-space: pre-wrap;
}
.is_private .textArea_inner {
  color: #0069af;
}

.imgArea {
  width: 50%;
  padding: 39px 70px 0 40px;
}

.date {
  margin-bottom: 80px;
  font-size: 2rem;
  font-family: "StencilStd", ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, 游明朝, YuMincho, Noto Serif Japanese, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  text-align: right;
}

.imgNum {
  overflow: hidden;
  margin-bottom: 20px;
}
.imgNum li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin: 2px;
  background: url(../images/parts/btn_photo.png) no-repeat;
  font-family: "StencilStd", ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, 游明朝, YuMincho, Noto Serif Japanese, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  font-size: 1.6rem;
  color: #5C5335;
  float: left;
  cursor: pointer;
}
.imgNum li.current {
  background: url(../images/parts/btn_photo_on.png) no-repeat;
  color: #fff;
}

.photo {
  position: relative;
}
.photo li {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  opacity: 0;
  pointer-events: none;
}
.photo li.current {
  opacity: 1;
  pointer-events: all;
}
.photo li.waku {
  padding-top: 25px;
}
.photo li.waku::before {
  content: "";
  position: absolute;
  left: calc(50% - 73px);
  top: 0;
  width: 146px;
  height: 44px;
  background: url(../images/parts/tape.png) center center/contain no-repeat;
  z-index: 2;
}
.photo li.waku > span {
  position: relative;
  display: inline-block;
}
.photo li.waku > span::before {
  content: "";
  position: absolute;
  left: -8px;
  bottom: -14px;
  width: 94px;
  height: 94px;
  background: url(../images/parts/bg_shadow_l.png) center center/contain no-repeat;
  z-index: 0;
}
.photo li.waku > span::after {
  content: "";
  position: absolute;
  right: -13px;
  bottom: -10px;
  width: 94px;
  height: 94px;
  background: url(../images/parts/bg_shadow_r.png) center center/contain no-repeat;
  z-index: 0;
}
.photo li.waku img {
  position: relative;
  border: 8px solid #fff;
  z-index: 1;
}

[v-cloak] {
  display: none;
}

.dateList-enter-active,
.dateList-leave-active {
  transition: all 1s;
}

.dateList-leave-to {
  transform: translateY(50px);
  opacity: 0;
}

.dateList-enter {
  transform: translateY(50px);
  opacity: 0;
}

.dateList-enter-to {
  transform: translateY(0);
  opacity: 1;
}

.header {
  grid-area: header;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 5px;
}

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

.pager {
  cursor: pointer;
}

.navbar_menu {
  display: flex;
  align-items: center;
}
.navbar_menu_item {
  margin-right: 10px;
}

.loginBtn {
  background: #B06947;
  margin-left: 10px;
  padding: 5px 10px;
  border-radius: 3px;
}

.sintaisokutei {
  width: 100px;
}

.lNavi {
  grid-area: navi;
  margin-right: 20px;
}

.archiveList {
  position: relative;
  margin-top: 20px;
}

.ym {
  width: 100%;
  margin-bottom: 15px;
}

.archiveDate li {
  cursor: pointer;
}
.archiveDate li + li {
  margin-top: 3px;
}
.archiveDate li a {
  display: block;
  padding: 3px 5px 3px 30px;
}
@media (min-width: 768px) {
  .archiveDate li a:hover {
    background: url(../images/parts/img_hiyoko.png) 5px center/20px #eee6af no-repeat;
  }
}
.archiveDate li.current {
  color: #fff;
}
.archiveDate li.current a {
  background: url(../images/parts/img_hiyoko.png) 5px center/20px #5C5335 no-repeat;
  color: #fff;
}

.adminMenu {
  position: fixed;
  top: 100px;
  right: 20px;
  z-index: 10;
}
.adminMenu_btn {
  display: block;
  width: 30px;
  cursor: pointer;
}
.adminMenu_btn + .adminMenu_btn {
  margin-top: 10px;
}
.adminMenu_btn.is_graph {
  width: 34px;
}

.errmessage500 {
  padding: 190px 80px;
}

.searchArticle_wrap {
  padding-bottom: 20px;
}

.searchArticle + .searchArticle {
  margin-top: 20px;
}
.searchArticle_date {
  margin-bottom: 4px;
  font-weight: bold;
  text-decoration: underline;
}
.searchArticle_date a {
  color: #145fb6;
}
.searchArticle_text {
  font-size: 1.5rem;
}

.searchPager {
  display: flex;
}
.searchPager_up {
  margin-right: 10px;
  cursor: pointer;
}
.searchPager_down {
  cursor: pointer;
}

.searchPagenum {
  margin-bottom: 20px;
}

.searchImgList_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 20px;
}

.searchImgList {
  width: 45%;
  margin-bottom: 25px;
}
.searchImgList_date {
  display: block;
  margin-bottom: 10px;
  font-size: 1.6rem;
}
.searchImgList_img {
  height: 245px;
}
.searchImgList_img img {
  max-height: 100%;
}

.searchArticle_transitionWrap {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.searchImgArea_transitionWrap {
  position: relative;
  height: 590px;
  margin-top: 120px;
  overflow: hidden;
}

.searchTextArea-enter-active,
.searchTextArea-leave-active {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease-out;
}

.searchTextArea-leave-to {
  transform: translateY(-100%);
}
.searchTextArea-leave-to.is_prev {
  transform: translateY(100%);
}

.searchTextArea-enter {
  transform: translateY(100%);
}
.searchTextArea-enter.is_prev {
  transform: translateY(-100%);
}

.searchTextArea-enter-to {
  transform: translateY(0);
}

/* v-cloak */
[v-cloak] {
  display: none;
}

.loginPage {
  display: flex;
  max-width: 650px;
  width: 100%;
  margin: 30px auto;
}
.loginPage_inner {
  width: 100%;
}

.loginForm_sec {
  display: flex;
  align-items: center;
}
.loginForm_sec + .loginForm_sec {
  margin-top: 10px;
}
.loginForm_sec.is_rememberme {
  align-items: flex-start;
  margin-top: 20px;
}
.loginForm_sec.is_rememberme input {
  margin: 6px 10px 0 0;
}
.loginForm label {
  display: inline-block;
  min-width: 170px;
  width: 170px;
}
.loginForm_btn {
  margin: 30px auto;
  text-align: center;
}

.LoginErrorMassage ul + ul {
  margin-top: 10px;
}
.LoginErrorMassage ul li + li {
  margin-top: 5px;
}

.addPage {
  max-width: 800px;
  width: 100%;
  margin: 50px auto;
}

.addPageText {
  margin-bottom: 30px;
}

.dateArea {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.dateSet {
  display: flex;
  align-items: center;
}
.dateSet_y input {
  width: 100px;
  margin-right: 5px;
}
.dateSet_m {
  margin-left: 10px;
}
.dateSet_m select {
  margin-right: 5px;
}
.dateSet_d {
  margin-left: 10px;
}
.dateSet_d select {
  margin-right: 5px;
}

.privateBtn {
  display: flex;
  align-items: center;
}
.privateBtn_text {
  color: #2c2c2c;
  margin-right: 15px;
}

.imgAddArea {
  margin-bottom: 50px;
}

.mainImg {
  width: 40%;
  margin: 0 auto 50px;
}
.mainImg .title_02 {
  margin-bottom: 10px;
}
.mainImg_in {
  margin-bottom: 10px;
}
.mainImg_in_input {
  width: 100%;
  margin-bottom: 10px;
}
.mainImg_in_waku input {
  margin-left: 5px;
}

.subimgSec_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
}

.addBtn {
  margin-bottom: 20px;
  text-align: right;
}

.subimgSec {
  display: flex;
  justify-content: space-between;
  width: 48%;
}
.subimgSec:nth-child(n+3) {
  border-top: 1px solid #a39b6a;
  margin-top: 20px;
  padding-top: 20px;
}
.subimgSec_titleArea {
  width: calc(100% - 110px);
  overflow: hidden;
}
.subimgSec_titleArea .title_02 {
  width: 32%;
  float: left;
  margin-top: 10px;
}
.subimgSec_titleArea_in {
  width: 65%;
  float: right;
}
.subimgSec_titleArea_in_input {
  width: 100%;
  margin-bottom: 10px;
}
.subimgSec_titleArea_in_waku {
  display: block;
  margin-bottom: 10px;
}
.subimgSec_titleArea_in_waku input {
  margin-left: 5px;
}
.subimgSec_titleArea_in_deleteBtn {
  float: right;
  display: block;
}
.subimgSec_preview {
  width: 100px;
  height: 100px;
  margin-left: 10px;
}
.subimgSec_preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.movieAddSec_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.movieAddSec {
  display: flex;
  justify-content: space-between;
  width: 46%;
}
.movieAddSec:nth-child(n+3) {
  border-top: 1px solid #a39b6a;
  margin-top: 20px;
  padding-top: 20px;
}
.movieAddSec .title_02 {
  width: 80px;
  margin-top: 10px;
}
.movieAddSec_in {
  width: calc(100% - 90px);
}
.movieAddSec_in_name input {
  width: 100%;
}
.movieAddSec_in_size {
  margin-top: 10px;
}
.movieAddSec_in_size label + label {
  margin-left: 20px;
}
.movieAddSec_in_size input {
  width: 80px;
  margin-left: 5px;
}
.movieAddSec_in_filetype {
  margin-top: 10px;
}
.movieAddSec_in_filetype label + label {
  margin-left: 10px;
}
.movieAddSec_in_filetype input {
  margin-right: 5px;
}
.movieAddSec_in_deleteBtn {
  display: block;
  float: right;
  margin-top: 10px;
}

.sendBtn {
  text-align: center;
}
.sendBtn input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  padding: 10px 30px;
  border: none;
  background: #a33b89;
  color: #fff;
  cursor: pointer;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
}
.gallery_item {
  position: relative;
  width: 24%;
  margin: 10px 0.5%;
}
.gallery_item_img {
  height: 297px;
  text-align: center;
}
.gallery_item_img img {
  max-height: 100%;
}
.gallery_item_img img.lazyload, .gallery_item_img img.lazyloading {
  opacity: 0;
}
.gallery_item_img img.lazyloaded {
  opacity: 1;
}
.gallery_item_img_no {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #ccc;
}
.gallery_item_date {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 5px;
  background: rgba(0, 0, 0, 0.4);
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0;
}
.gallery_item:hover .gallery_item_date {
  opacity: 1;
}

.galleryReloadBtn {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: #a1c406;
  font-size: 1.3rem;
  line-height: 160%;
  text-align: center;
  cursor: pointer;
}

.graphPage {
  display: block;
  padding: 160px 100px 0 100px;
}

.sokuteiNavi {
  margin-bottom: 10px;
  text-align: right;
}
.sokuteiNavi_ul {
  display: flex;
  justify-content: flex-end;
}
.sokuteiNavi_ul li {
  transition: all 0.3s;
  cursor: pointer;
}
.sokuteiNavi_ul li + li::before {
  content: "|";
  display: inline-block;
  padding: 0 10px;
  color: #000;
}
@media (min-width: 768px) {
  .sokuteiNavi_ul li:hover {
    color: #019ab3;
  }
}
.sokuteiNavi_ul li.is_current {
  color: #B06947;
}

.sokutei_wrap {
  width: 933px;
  height: 558px;
  overflow: scroll;
}

.adjust {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.adjust_li {
  transition: all 0.3s;
  cursor: pointer;
}
.adjust_li + li::before {
  content: "|";
  display: inline-block;
  padding: 0 10px;
  color: #000;
}
@media (min-width: 768px) {
  .adjust_li:hover {
    color: #019ab3;
  }
}
.adjust_li.is_current {
  color: #B06947;
}

.addGraphPage_title {
  margin-bottom: 30px;
  color: #B06947;
  font-size: 1.8rem;
}

.addGraphPageNew {
  margin-bottom: 100px;
  padding: 50px 20% 0 0;
  text-align: center;
}
.addGraphPageNew_content {
  text-align: left;
  display: inline-block;
}
.addGraphPageNew_content_label {
  display: inline-block;
  margin-bottom: 20px;
}
.addGraphPageNew_content_label_input {
  display: inline-block;
  margin-right: 3px;
}

.updateGraphPage_title {
  margin-bottom: 30px;
  color: #B06947;
  font-size: 1.8rem;
}
.updateGraphPage_inner {
  border: 1px solid #B06947;
  border-radius: 10px;
  overflow: scroll;
}
.updateGraphPage_scrollarea {
  padding: 20px;
  display: flex;
}

.updateGraphPageTable {
  min-width: 460px;
  border-collapse: collapse;
}
.updateGraphPageTable + .updateGraphPageTable {
  margin-left: 20px;
}
.updateGraphPageTable thead {
  background: #5C5335;
}
.updateGraphPageTable tr {
  border-bottom: 1px solid #999;
}
.updateGraphPageTable th, .updateGraphPageTable td {
  padding: 10px 5px;
}
.updateGraphPageTable th {
  color: #fff;
}
.updateGraphPageTable input[type=text] {
  width: 70px;
  margin-right: 5px;
  text-align: right;
}
.updateGraphPageTable input[type=text].is_date {
  width: 130px;
}
/*# sourceMappingURL=style.css.map*/