@charset "UTF-8";
/*  CSS Document  */
/* --------------------------------------------------------
Colors
  + Font: #484848 #484848
  + MainOrange: #fd8a39
  + Gray: #e7e7e7
  + rejectBlack: #545454

Contents of this css
  + Reset css
  + Common, mod
      - Body
      - FlexBox
      - Column
      - ModBtn
      - ModSwitchBtn
      - ModIcon
      - ModForm
      - ModBtnForm: ボタン付きインプット
      - ModNote: ノート
      - ModtoolTips: ヒント
      - ModEditable: 編集可能
      - ModDateBox: カレンダー横並び
  + ViewWrap: このレイアウトのために必要なもの
  + Header
  + Navigation
      - HamburgerNav
      - CollapsibleNav
      - MainNav
  + BreadcrumbBox
  + Main
      - Main.pageContents
      - AlertMsgBox: アラートメッセージ
      - PageTitle: ページタイトル
      - Pagination: ページネイション
      - StepBar: 進捗バー
      - fixedThumb: サイズがバラバラの画像など縦横固定
      - searchPanel: 
  + footer
-------------------------------------------------------- */
/* ========================================================
          reset css
======================================================== */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
ul, ol {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
a {
  color: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
/*  change colours to suit your needs  */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/*  change colours to suit your needs  */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*  change border colour to suit your needs  */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(238,238,238,1);
  margin: 1em 0;
  padding: 0;
}
/*  form  */
label {
  cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
  cursor: pointer;
  vertical-align: middle;
  margin: -4px 4px 0 1px;
}
input::-webkit-input-placeholder {
  opacity: .65;
}
input::-moz-placeholder {
  opacity: .65;
}
input:-ms-input-placeholder {
  opacity: .65;
}
input::-ms-input-placeholder {
  opacity: .65;
}
input::placeholder {
  opacity: .65;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}
/*  IE  */
input:-ms-input-placeholder {
  opacity: .65;
}
/*  Edge  */
input::-ms-input-placeholder {
  opacity: .65;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
::-ms-expand { display: none; }
button{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/* img */
img {
  width: 100%;
}
/* ========================================================
          common, mod
======================================================== */
/* ============================
  body
============================ */
html, body {
  color: #484848;
  font-size: 62.5%;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.6;
  /* height: 100%; */
  width: 100%;
}
button {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
a:hover {
  cursor: pointer;
  opacity: .65;
  -webkit-transition : .4s;
  -o-transition : .4s;
  transition : .4s;
}
a.linkText {
  color: #70889c;
  border-bottom: dotted 1px #70889c;
}

/* ============================
  FlexBox
============================ */
.modFlexBox {
    display: -webkit-box;
    display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  justify-content: space-between;
    -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
  align-items: center;
}
.modFlexBox--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  justify-content: center;
}
.modFlexBox--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
	justify-content: flex-start;
}
.modFlexBox--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
	justify-content: flex-end;
}
.modFlexBox--start {
    -webkit-box-align: start;
    -ms-flex-align: start;
	align-items: flex-start;
}
.modFlexBox--end {
    -webkit-box-align: end;
    -ms-flex-align: end;
	align-items: flex-end;
}
.modFlexBox--wrap {
    -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .modFlexBox--cancel {
    display: block;
  }
}
/* ============================
  Column
============================ */
.modColumn--oneHalf {
  width: calc((100% / 2) - 2%)!important;
}
.modColumn--oneThird {
  width: calc((100% / 3) - 2%)!important;
}
.modColumn--onefourth {
  width: calc((100% / 4) - 2%)!important;
}
@media (max-width: 768px) {
  .modColumn--oneHalf {
    width: 100%!important;
  }
  .modColumn--oneThird {
    width: 100%!important;
  }
  .modColumn--onefourth {
    width: calc((100% / 2) - 2%)!important;
  }
}
/* ============================
  modBtn
============================ */
.modBtn {
  position: relative;
}
.modBtn--center {
  text-align: center;
}
/* margin設定 */
.basePanel+.modBtn,
.baseTable+.modBtn,
.searchPanel+.modBtn,
.tabPanel+.modBtn,
.videoEditing+.modBtn,
.pagination+.modBtn,
.pageContentsInner.pageContentsInner--wide .modFlexBox.modFlexBox--start+.modBtn {
  margin-top: 40px;
}
.modBtn--update {
  padding: 1rem 0;
}
/* basic */
.modBtn__item {
  border: 1px solid transparent;
  border-radius: 3px;
    -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  letter-spacing: .001rem;
  padding: 6px 12px;
  text-align: center;
    -ms-touch-action: manipulation;
  touch-action: manipulation;
  vertical-align: middle;
}
.modBtn__item:hover {
  opacity: .65;
}
.modBtn__item:active {
  opacity: .8;
}
.modBtn__item:active.modBtn__item--disabled {
  opacity: .65;
}
/* デフォルト: orange */
.modBtn__item {
  background-color: #fd8a39;
  border-color: rgba(252,120,32,1);
  color: #fff
}
/* 反転: border-orange */
.modBtn__item--contrary {
  background-color: #fff;
  border-color: #fd8a39;
  color: #fd8a39;
}
/* 灰色: secondary */
.modBtn__item--secondary {
  background-color: #e7e7e7;
  border-color: #ddd;
  color: #484848;
}
/* 却下: reject */
.modBtn__item--reject,
.modBtn__item--delete {
  background-color: #545454;
  border-color: rgba(56,56,56,1);
}
/* 非活性: disabled */
.modBtn__item--disabled {
  color: #c2c2c2;
  cursor: not-allowed;
  opacity: .3;
}
.modBtn__item--disabled:hover {
  opacity: .3;
}
/* 外部リンク: externalLink */
.modBtn__item--externalLink::after {
  content: '\f35d';
  font-family:'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 1rem;
  margin-left: 2px;
    top: -1px;
  position: relative;
}
/* ダウンロード: download */
.modBtn__item--download::after {
  content: '\f019';
  font-family:'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 1rem;
  margin-left: 2px;
    top: -1px;
  position: relative;
}
/* 戻る、次: prev or next */
.modBtn__item--prev::before {
  content: '\f104';
  font-family:'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 2px;
    top: 1px;
  position: relative;
}
.modBtn__item--next::after {
  content: '\f105';
  font-family:'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 2px;
    top: 1px;
  position: relative;
}
/* サイズ設定 */
.modBtn__item--lg {
  font-size: 1.8rem;
  letter-spacing: -.05rem;
  padding: 10px 20px;
}
.modBtn__item--sm {
  font-size: 1.2rem;
  padding: 5px 10px;
}
.modBtn__item--xs {
  font-size: 1.2rem;
  padding: 2px 6px;
}
@media (max-width: 425px) {
  .modBtn__item--lg {
    font-size: 1.5rem;
    padding: 10px 15px;
  }
}
/* ============================
  modSwitchBtn
============================ */
.modSwitchBtn {
  position: relative;
}
.modSwitchBtn__toggle {
  display: none;
}
.modSwitchBtn__toggle + .modSwitchBtn__toggleBtn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modSwitchBtn__toggle + .modSwitchBtn__toggleBtn {
  cursor: pointer;
  display: block;
  height: 2em;
  width: 8em;
  outline: 0;
  position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  user-select: none;
}
.modSwitchBtn__toggle + .modSwitchBtn__toggleBtn:after, .modSwitchBtn__toggle + .modSwitchBtn__toggleBtn:before {
  content: "";
  display: block;
  height: 100%;
  width: 50%;
    top: 0;
  position: absolute;
}
.modSwitchBtn__toggle + .modSwitchBtn__toggleBtn:after {
  content: attr(data-tg-on);
}
.modSwitchBtn__toggle + .modSwitchBtn__toggleBtn:before {}
.modSwitchBtn__toggle + .modSwitchBtn__toggleBtn:after {
  left: 0;
}
.modSwitchBtn__toggle:checked + .modSwitchBtn__toggleBtn:after {
  left: 50%;
}
.modSwitchBtn__toggle:checked + .modSwitchBtn__toggleBtn:after{
  background: #fd8a39;
  content: attr(data-tg-on);
  color: #fff;
  left: 50%;
}
.modSwitchBtn__toggleFlat + .modSwitchBtn__toggleBtn {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2em;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 2em;
  padding: 0;
  text-align: center;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.modSwitchBtn__toggleFlat + .modSwitchBtn__toggleBtn:after {
  background: #e7e7e7;
  border-radius: 1em;
  content: "";
  content: attr(data-tg-off);
  color: #484848;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.modSwitchBtn__toggleFlat + .modSwitchBtn__toggleBtn:after {
  content: attr(data-tg-off);
}
/* ============================
  modIcon__status
============================ */
/* 外部リンク */
.modIcon__fontawesome--externalLink::after {
  content: '\f35d';
  font-family:'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 1rem;
  margin-left: 2px;
    top: -1px;
  position: relative;
}
/* エディターアイコン */
.modIcon__fontawesome--editable {
  color: #fd8a39;
  font-size: 1.3rem;
}
/* tableIcon */
.modIcon__status {
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  margin: 0 auto;
  padding: 3px 8px 4px;
  position: relative;
  text-align: center;
  white-space: nowrap;
    min-width: 50px;
}
/* 未承認、未変更 */
.modIcon__status--pending {
  background-color: #e7e7e7;
  color: #484848;
    max-width: 50px;
}
/* 承認、変更済 */
.modIcon__status--applied {
  background-color: #fd8a39;
    max-width: 50px;
}
/* 却下、削除済 */
.modIcon__status--rejected {
  background-color: #545454;
    max-width: 50px;
}
/* 非活性 */
.modIcon__status--disabled {
  opacity: .4;
}
/* ダウングレード */
.modIcon__status--downgrade {
  border: solid 1px rgba(31,143,223,1);
  color: rgba(31,143,223,1);
}
/* アップグレード */
.modIcon__status--upgrade {
  border: solid 1px rgba(236,43,59,1);
  color: rgba(236,43,59,1);
}
/* ============================
  modForm
============================ */
.modForm {
  background-color: #fff;
  background-image: none;
  border: 1px solid rgba(204,204,204,1);
  border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  font-size: 1.3rem;
  display: block;
  height: 30px;
  width: 100%;
  padding: 6px;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
/* 警告 */
.is-modForm-warning {
  background-color: rgba(253,246,235,1);
  border-color: rgba(243,156,18,1);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.is-modForm-warningMsg {
  color: rgba(243,156,18,1);
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  margin-top: 5px;
}
/* 非活性 */
.modForm[disabled],
fieldset[disabled] .modForm,
.modForm--disabled {
  cursor: not-allowed!important;
  opacity: .65;
}
input:disabled,
select:disabled {
  background-color: #e7e7e7;
}
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].modForm--disabled,
input[type=checkbox][disabled],
input[type=radio].modForm--disabled,
input[type=radio][disabled] {
  cursor: not-allowed;
}
/* チェックボックス、ラジオボタン */
.modForm--label {
  cursor: pointer;
  display: block;
  font-size: 1.3rem;
}
.modForm--label:nth-of-type(n+2) {
  margin-top: 2px;
}
.modForm--label.modForm--label--inline {
  display: inline-block
}
.modForm--label.modForm--label--inline:nth-of-type(n+2) {
  margin-top: 0;
  margin-left: 5px;
}
/* 選択 */
.modForm--select {
  background-image: url(../img/common/icon_arrow-circle-down_forSelect.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: right 6px center;
  padding-right: 22px;
}
.modForm--selectAuto {
  width: auto;
  max-width: 100%;
}
/* カレンダー */
.modForm--calendar {
  border-radius: 3px 0 0 3px;
  min-width: 130px;
  width: 30%;
}
.modForm--calendar__btn {
  background-color: #fff;
  background-image: none;
  border: 1px solid rgba(204,204,204,1);
  border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  cursor: pointer;
  display: inline-block;
  margin-left: -1px;
  height: 30px;
  width: 30px;
  padding: 0;
  position: relative;
}
.modForm--calendar__btn:first-of-type {
  border-radius: 0;
}
.modForm--calendar__btn:last-of-type {
  border-radius: 0 3px 3px 0;
}
.modForm--calendar__btn i {
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/* vue-datetime */
.vdatetime {
  width: 30%;
  min-width: 130px;
  display: inline-block;
}
.vdatetime-input {
  cursor: pointer;
  border-radius: 3px 0 0 3px;
}
/* カレンダー二つ並び系 */
.periodBox {}
.periodBox__item {
  display: inline-block;
  max-width: 160px;
  vertical-align: middle;
}
.periodBox__item .modForm__slash {
  width: 5%;
}

.theme-orange .vdatetime-popup__header,
.theme-orange .vdatetime-calendar__month__day--selected > span > span,
.theme-orange .vdatetime-calendar__month__day--selected:hover > span > span {
  background: #fd8a39;
}

.theme-orange .vdatetime-year-picker__item--selected,
.theme-orange .vdatetime-time-picker__item--selected,
.theme-orange .vdatetime-popup__actions__button {
  color: #fd8a39;
}
/* テキストエリア */
.modForm--textarea {
  font-size: 12px;
  min-height: 80px;
  height: auto;
  resize: vertical;
}
.modForm--textarea[readonly] {
  background-color: #e7e7e7;
}
.modForm--textarea+.modBtn {
  margin-top: 1rem;
}
/* フォーム追加ボタン付き */
.modForm__pluralBtn {
  width: 100%;
}
.modForm__pluralBtn:nth-of-type(n+2) {
  margin-top: 5px;
}
.modForm__pluralBtn__item {
  width: calc(100% - 70px);
}
input[type="button"].modForm__pluralBtn--add,
input[type="button"].modForm__pluralBtn--del {
  background-color: #fff;
  background-image: none;
  border: 1px solid rgba(204,204,204,1);
  border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  cursor: pointer;
  padding: 0;
  width: 30px;
}
.modForm__pluralBtn+.modBtn {
  margin-top: 1rem;
}
/* ドラッグドロップ */
.modFormDropZone {
  background-color: #fff;
  border: 2px dashed #ccd0d2;
  border-radius: 4px;
  padding: 30px 15px;
  text-align: center;
}
.modFormDropZone__text {
  display: block;
}
.modFormDropZone__inputFile {}
@media (max-width: 425px) {
  .modFormDropZone {
    padding: 10px 15px;
  }
  .modFormDropZone__text {
    display: none;
  }
}
/* ============================
  modBtnForm
============================ */
.modBtnForm {
  border-collapse: separate;
  display: table;
  position: relative;
  width: 100%;
}
.modBtnForm .modForm {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: table-cell;
  height: 28px;
  padding: 2px 6px 3px;
}
.modBtnForm__btnBox {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  width: 1%;
  white-space: nowrap;
}
.modBtnForm__btnBox__item {
  background-color: #fd8a39;
  border: 1px solid rgba(252,120,32,1);
  border-radius: 0 3px 3px 0;
    -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: .05rem;
  height: 28px;
  margin-left: -1px;
  padding: 2px 6px 3px;
  text-align: center;
    -ms-touch-action: manipulation;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}
.modBtnForm__btnBox__item:hover {
  opacity: .65;
}

/* ============================
  modNote
============================ */
.modNote {
  font-size: 1rem;
  display: block;
}
.modNote::before {
  content: '※';
}
.modNote--attention {
  color: #fd8a39;
}
.modForm--label .modNote {
  display: inline-block;
  opacity: .65;
}
/* ============================
  modTooltips
============================ */
/* タイトル横ハテナ */
.modTooltips {
  cursor: pointer;
  font-size: 1.3rem;
}
.modTooltips:hover .modTooltips__item {
  display: block;
}
.modTooltips__item {
  background: rgba(34,39,45,.8);
  border-radius: 3px;
  color: #fff;
  display: none;
  font-weight: normal;
  padding: 12px;
  position: absolute;
  text-align: left;
  max-width: 400px;
  z-index: 9999;
}
@media (max-width: 425px) {
  .modTooltips__item {
    width: 94%;
  }
}
/* ============================
  ModEditable
============================ */
.ModEditable {
  display: block;
  font-size: 1rem;
  margin-bottom: 5px;
  text-align: right;
  width: 100%;
}
.ModEditable--left {
  text-align: left;
}
/* ============================
  ModDateBox
============================ */
/* 日付 */
.modDateBox input[type=text] {
    min-width: 110px;
  width: 30%;
}
.modDateBox__slash {
  display: inline-block;
  font-size: 1rem;
  margin: 0 2px;
}
/* ========================================================
          ViewWrap
======================================================== */
/* ============================
  ViewWrap
============================ */
.viewWrap {
  min-height: 100vh;
  position: relative;
  padding-bottom: 30px;
}
/* ========================================================
          header
======================================================== */
/* ============================
  header
============================ */
.adminBar {
  background-color: rgba(249,249,249,1);
  border-bottom: 1px solid #ccd0d4;
  height: 50px;
  width: 100%;
  padding: 0 10px;
    top: 0;
    left: 0;
  position:fixed;
  z-index: 99;
}
@media (max-width: 768px) {
  .adminBar {
    padding-left: 0;
    height: 50px;
  }
}
/* adminBar__primary: left */
.adminBar__primary {
  position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  justify-content: flex-start;
}
.adminBar__primary__item {}
.navSP {
  display: none;
}
.adminBar__primary__item__logo {
  height: 22px;
  width: 100px;
  margin-top: 6px;
}
@media (max-width: 768px) {
  .adminBar__primary__item {
    margin-left: 10px;
  }
  .navSP + .adminBar__primary__item {
    margin-left: 50px;
  }
  .navSP {
    display: block;
    position: relative;
  }
  .adminBar__primary__item__logo {
    height: 24px;
    width: 110px;
  }
}
/* adminBar__secondary: right */
.adminBar__secondary {
  position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
  justify-content: flex-end;
}
.adminBar__secondary__item {
  position: relative;
}
.adminBar__secondary__item:nth-of-type(n+2) {
  margin-left: 15px;
}
/* adminBar__drawerNav */
.is-adminBar__drawerNavBtn {
  margin-top: 4px;
  width: 28px;
}
.is-adminBar__drawerNavBtn:hover {
  opacity: .65;
}
.is-adminBar__drawerNavBtn__iconSVG {
  width: 100%;
}
.adminBar__drawerNav {
  background: #32373c;
  display: none;
  padding: 5px 0 4px;
    top: 44px;
    right: 0;
  position: absolute;
  overflow: hidden;
    min-width: 160px;
    max-width: 160px;
  width: 100%;
}
.adminBar__drawerNav__item {}
.adminBar__drawerNav__item--userName {
  color: rgba(240,245,250,1);
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 6px 10px 6px 16px;
}
.adminBar__drawerNav__item--userName:after {
  content: 'さん';
}
.adminBar__drawerNav__item--userName__item {
  display: inline-block;
    min-width: 110px;
    max-width: 110px;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.adminBar__drawerNav__item__link {
  color: rgba(240,245,250,.7);
  display: block;
  font-size: 1.3rem;
  line-height: 1.4;
  padding: 6px 16px;
  white-space: nowrap;
}
.adminBar__drawerNav__item__link:hover {
  color: #fd8a39;
}
@media (max-width: 768px) {
  .adminBar__drawerNav {
    top: 42px;
  }
  .adminBar__drawerNav__item--userName {
    padding: 12px 10px 12px 16px;
  }
  .adminBar__drawerNav__item__link {
    padding: 12px 16px;
  }
}

/* ========================================================
          Navigation
======================================================== */
/* ============================
  hamburgerNav for max-width: 768
============================ */
.hamburgerNav {
  background-color: rgb(34,39,45);
  height: 100vh;
  width: 230px;
  overflow-y: auto;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
    top: 0;
    left: -250px;
  position: fixed;
  z-index: 9998;
}
.hamburgerIcon {
  cursor: pointer;
  height: 50px;
  width: 50px;
  -webkit-transition: all .65s;
  -o-transition: all .65s;
  transition: all .65s;
    top: 0;
    left: 0;
  position: fixed;
  z-index: 9999;
}
.hamburgerIcon__item {
  background-color: #484848;
  height: 2px;
  width: 24px;
    left: 12px;
  position: absolute;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
.hamburgerIcon__item--top {
  top: 16px;
}
.hamburgerIcon__item--middle {
  top: 24px;
}
.hamburgerIcon__item--bottom {
  top: 32px;
}
.hamburgerNav__mask {
  background-color: rgba(0,0,0,.5);
    top: 0;
    left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
  cursor: pointer;
}
/* open */
.is-hamburgerNav-open .hamburgerNav {
  display: block;
  left: 0;
}
.is-hamburgerNav-open .hamburgerNav__mask {
  opacity: .8;
  visibility: visible;
}

.is-hamburgerNav-open .hamburgerIcon {
  left: 230px;
}
.is-hamburgerNav-open .hamburgerIcon__item {
  background-color: #fff;
}
.is-hamburgerNav-open .hamburgerIcon__item--top {
    -webkit-transform: translateY(8px) rotate(-45deg);
  -ms-transform: translateY(8px) rotate(-45deg);
      transform: translateY(8px) rotate(-45deg);
}
.is-hamburgerNav-open .hamburgerIcon__item--middle {
  opacity: 0;
}
.is-hamburgerNav-open .hamburgerIcon__item--bottom {
  -webkit-transform: translateY(-8px) rotate(45deg);
  -ms-transform: translateY(-8px) rotate(45deg);
      transform: translateY(-8px) rotate(45deg);
}

/* ============================
  collapsibleNav for min-width: 769
============================ */
.collapsibleNav {
  background-color: rgb(34,39,45);
  height: 100%;
  margin-top: 49px;
  /* overflow-x: hidden; */
    top: 0;
    left: 0;
  position: fixed;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  width: 200px;
  z-index: 100;
}
@media (max-width: 768px) {
  .collapsibleNav {
    display: none;
  }
}
/* open btn for collapsibleNav */
.is-collapsibleNav-openBtn {
  background-color: rgb(34,39,45);
  cursor: pointer;
  color: #fff;
  display: inline-block;
  padding: 10px 10px;
  text-align: right;
  width: 100%;
}
  .is-collapsibleNav-openBtn:hover {
    background-color: #32373c;
  }
  .is-collapsibleNav-openBtn::before {
    content:'\f100';
	  font-family:'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
  }
  .is-collapsibleNav-openBtn::after {
    content:'メニューを閉じる';
    font-size: 1.2rem;
  }
/* close btn for collapsibleNav */
.is-collapsibleNav-closed {
  width: 30px;
}
  .is-collapsibleNav-closed .is-collapsibleNav-openBtn {
    height: calc(100vh - 50px);
  }
  .is-collapsibleNav-closed .is-collapsibleNav-openBtn::before {
    content:'\f101';
    margin-right: 0;
  }
  .is-collapsibleNav-closed .is-collapsibleNav-openBtn::after {
    content:'';
  }
/* ============================
  mainNav
============================ */
.mainNav {
  position: relative;
}
  .is-collapsibleNav-closed .mainNav {
    display: none;
  }
/* parent */
.mainNav__item {}
.mainNav__item__link {
  cursor: pointer;
  color: rgba(238,238,238,1);
  display: block;
  font-size: 1.4rem;
  line-height: 1.3;
  padding: 12px 30px 12px 10px;
  text-align: left;
  width: 100%;
}
.mainNav__item:hover,
.mainNav__item.current {
  background-color: #fd8a39;
}
@media (max-width: 425px) {
  .mainNav__item__link {
    padding: 15px 30px 15px 10px;
  }
}
/* kids */
.mainNavKids {
  background-color: #32373c;
  display: none;
  padding: 7px 0 8px;
}
.mainNavKids__item {}
.mainNavKids__item__link {
  color: rgba(240,245,250,.7);
  display: block;
  font-size: 1.3rem;
  line-height: 1.4;
  padding: 6px 12px;
  position: relative;
}
.mainNavKids__item__link:hover {
  color: #fd8a39;
}
.mainNavKids__item__link.current {
  color: rgba(240,245,250,1);
}
.mainNav__item__link--disabled {
  cursor: not-allowed!important;
}
@media (max-width: 425px) {
  .mainNavKids__item__link {
    padding: 15px 12px;
  }
}

/* tooltips setting */
.mainNav__tooltips {
  font-size: 1.3rem;
  display: block;
  line-height: 1.4;
  position: relative;
}
.mainNav__tooltips:hover {
  opacity: 1;
}
.mainNav__tooltips::after {
  content: attr(data-tooltip);
  border: solid 1px #eee;
  border-radius: 3px;
  background-color: #fff;
  color: #000;
  display: block;
  opacity: 0;
  padding: .3rem .4rem .2rem;
  white-space: nowrap;
  position: absolute;
  top: 0px;
  left: 8px;
  transition: all 0.3s ease 0s;
  z-index: 1;
}
.mainNav__tooltips:hover::after {
  top: 28px;
  left: 8px;
  opacity: 1;
}

/* current setting */
.mainNavKids__item {}
.mainNavKids.current {
  display: block;
}
/* Toggle: accordion */
.is-toggle-accNav {
  position: relative;
}
.is-toggle-accNav:after {
  content: '\f067';
  font-family: 'Font Awesome 5 Free';
  font-size: 1rem;
  font-weight: 900;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  position: absolute;
}
.is-toggle-accNav--open:after {
  content: '\f068';
}

/* ========================================================
          BreadcrumbBox
======================================================== */
/* ============================
  BreadcrumbBox
============================ */
.breadcrumbBox {
  background-color: #fff;
  border-bottom: solid 1px #ccd0d4;
  display: block;
  margin: 50px 0 0 200px;
  padding: 5px 0 5px 20px;
  -webkit-transition: margin-left .5s;
  -o-transition: margin-left .5s;
  transition: margin-left .5s;
}
.is-collapsibleNav-closed ~ .breadcrumbBox {
  margin-left: 30px;
}
@media (max-width: 768px) {
.breadcrumbBox {
  margin: 50px 0 0 0;
}
.is-collapsibleNav-closed ~ .breadcrumbBox {
  margin-left: 0;
}
}
.breadcrumbBox__item {
  display: inline-block;
  font-size: 1rem;
}
.breadcrumbBox__item:nth-of-type(n+2) {
  margin-left: 3px;
}
.breadcrumbBox__item:nth-of-type(n+2)::before {
  content: '\f105';
  font-family:'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 5px;
}
.breadcrumbBox__item__link:hover {
  color: #fd8a39;
}
@media (max-width: 768px) {
  .breadcrumbBox {
    padding-left: 10px;
  }
}

/* ========================================================
          Main
======================================================== */
/* ============================
  main
============================ */
.pageContents {
  background-color: rgba(241,241,241,1);
  display: block;
  min-height: calc(100vh - 27px - 48px - 35px);
  margin: 0 0 0 200px;
  -webkit-transition: margin-left .5s;
  -o-transition: margin-left .5s;
  transition: margin-left .5s;
}
  .is-collapsibleNav-closed ~ .pageContents {
    margin-left: 30px;
  }
@media (max-width: 768px) {
  .pageContents {
    margin: 0;
  }
  .is-collapsibleNav-closed ~ .pageContents {
    margin-left: 0;
  }
}
/* inner of page contents */
.pageContentsInner {
  padding: 30px 4%;
}
@media (min-width: 1024px) {
  .pageContentsInner {
    padding: 30px 10%;
  }
}
@media (max-width: 768px) {
  .pageContentsInner {
    padding: 20px 2% 20px;
  }
}
/* inner of page contents, if it's 2 column or need wide size */
.pageContentsInner--wide {
  padding: 30px 4%;
}
.pageContentsInner--wide.is-pageContentsInner-narrow .modColumn--oneHalf {
  width: 100%!important;
}
.pageContentsInner--wide.is-pageContentsInner-narrow .modColumn--oneHalf:nth-of-type(n+2) {
  margin-top: 30px;
}
.is-pageContentsInner-narrow .modFlexBox {
    -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .pageContentsInner--wide.is-pageContentsInner-narrow {
    padding: 20px 2% 20px;
  }
}
/* ============================
  alertMsgBox
============================ */
.alertMsgBox {
  width: 100%;
}
.alertMsgBox--top {
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 99999;
}
.alertMsgBox__item {
  border-bottom: 1px solid transparent;
  font-size: 1.3rem;
  padding: 20px;
  width: 100%;
  position: relative;
}
.alertMsgBox__item::before {
  font-family:'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 2px;
}
@media (max-width: 768px) {
  .alertMsgBox__item {
    padding: 10px 20px 10px 15px;
  }
}
/* 用途ごとの色設定 */
.alertMsgBox__item--success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alertMsgBox__item--success::before {
  content: '\f028';
}
.alertMsgBox__item--info {
  color: rgba(
49,112,143,1);
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alertMsgBox__item--info::before {
  content: '\f05a';
}
.alertMsgBox__item--warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alertMsgBox__item--warning::before {
  content: '\f071';
}
.alertMsgBox__item--danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alertMsgBox__item--danger::before {
  content: '\f05e';
}
.alertMsgBox__item__link {
  font-weight: bold;
  cursor: pointer;
}
.alertMsgBox__item__link:hover {
  opacity: .65;
}
/* 削除ボタン */
.alertMsgBox__closeBtn {
    top: 8px;
    right: 8px;
  position: absolute;
}
.alertMsgBox__closeBtn::before {
  content: '\f00d';
  font-family:'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 1.5rem;
}
.alertMsgBox__item--success>.alertMsgBox__closeBtn {
  color: #3c763d;
}
.alertMsgBox__item--info>.alertMsgBox__closeBtn {
  color: rgba(
49,112,143,1);
}
.alertMsgBox__item--warning>.alertMsgBox__closeBtn {
  color: #8a6d3b;
}
.alertMsgBox__item--danger>.alertMsgBox__closeBtn {
  color: #a94442;
}

.alertMsgBox__partial--danger {
  color: #e2120e;
}

.alertMsgBox__partial--link {
  color:blue;
  text-decoration:underline;
}

/* ============================
  pageTitle
============================ */
.pageSubject {
  background-color: rgba(247,248,248,1);
  border-bottom: solid 1px #ccd0d4;
  padding: 10px 20px;
}
.pageSubject__item {
  font-size: 1.7rem;
}
@media (max-width: 768px) {
  .pageSubject {
    padding-left: 10px;
  }
}
/* ============================
  pagination
============================ */
.pagination {}
.pagination__item {
  margin-top: 5px;
  font-size: 1.2rem;
}
.paginationBox:nth-of-type(n+2) {
  margin-top: 30px;
}
.pagination__item+.paginationBox {
  margin-top: 10px;
}
.paginationBox__item {
  background-color: #fff;
  border: solid 1px #ccd0d4;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 5px 10px;
  cursor: pointer;
}
.paginationBox__item.current {
  background-color: #ccd0d4;
  color: #fff;
  font-weight: bold;
}
.paginationBox__item:first-of-type {
  border-radius: 3px 0 0 3px;
}
.paginationBox__item:last-of-type {
  border-radius: 0 3px 3px 0;
}
.paginationBox__item:nth-of-type(n+2) {
  margin-left: -1px;
}
.paginationBox__item:hover {
  opacity: .65;
}
/* ============================
  stepBar
============================ */
.stepBar {
  margin: 0 auto 20px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center;
}
.stepBar__item {
  font-size: 1.2rem;
  list-style: none;
  position: relative;
  width: calc((100% / 4));
}
.stepBar__item:after {
  background: rgba(204,204,204,1);
  content: "";
  height: 2px;
  width: calc(100% - 32px);
    top: 16px;
    left: calc(-50% + 16px);
  position: absolute;
}
.stepBar__item:first-of-type:after {
  display: none;
}
.stepBar__itemNum {
  background: rgba(204,204,204,1);
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  height: 32px;
  line-height: 32px;
  margin-bottom: 5px;
  width: 32px;
}
.stepBar__item--visited:after,
.stepBar__item--current:after,
.stepBar__item--visited .stepBar__itemNum,
.stepBar__item--current .stepBar__itemNum {
  background: #fd8a39;
}
@media (max-width: 425px) {
  .stepBar { margin: 20px auto; }
}
/* ============================
  fixedThumb
============================ */
.fixedThumb {
  background-color: #eee;
  display: table;
  height: 90px;
  width: 100%;
  margin: 0;
  padding: 0;
  table-layout: fixed;
}
.fixedThumb__inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.fixedThumb__item {
  height: auto;
  max-height: 90px;
  width: auto;
  max-width: 100%;
  vertical-align: bottom;
}
/* ============================
  searchPanel
============================ */
.searchPanel {
  background-color: #fff;
  border: solid 1px #ccd0d4;
  border-top: solid 3px rgba(
49,112,143,1);
  border-radius: 3px;
}
.searchPanel:nth-of-type(n+2) {
  margin-top: 30px;
}
.is-toggle-searchPanel-close>.modBtn {
  padding: 10px 0;
}
/* headline h3 */
.searchPanel__headline {
  border-bottom: solid 1px #ccd0d4;
  padding: 10px 20px;
  text-align: center;
}
.searchPanel__headline__item {
  font-size: 1.4rem;
  font-weight: bold;
}
@media (max-width: 425px) {
  .searchPanel__headline {
    padding: 15px;
  }
}
/* contents of searchPanel */
.searchPanel__wrap {
  border-bottom: dashed 1px rgba(204,208,212,.6);
  padding: 10px 20px;
  overflow: hidden;
  position: relative;
}
.searchPanel__unit {}
.searchPanel__unit__title {
  font-size: 1.2rem;
  font-weight: bold;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 15px;
  position: relative;
    min-width: 110px;
  width: 30%;
}
.searchPanel__unit__item {
  font-size: 1.2rem;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  text-align: left;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .searchPanel__wrap {
    border: none;
    padding: 0;
  }
  .searchPanel__unit {
    border-bottom: dashed 1px rgba(204,208,212,.6);
    padding: 10px 15px;
  }
  .searchPanel__unit__title {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    padding-right: 0;
    width: 30%;
      -webkit-box-ordinal-group:2;
      -ms-flex-order:1;
    order:1;
  }
  .searchPanel__unit__item {
      -webkit-box-ordinal-group:4;
      -ms-flex-order:3;
    order:3;
  }
  .searchPanel__unit .modBtn {
    padding-left: 0;
      -webkit-box-ordinal-group:3;
      -ms-flex-order:2;
	  order:2;
  }
}
@media (max-width: 425px) {
  .searchPanel__unit__title {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    padding-right: 0;
    width: 80%;
      -webkit-box-ordinal-group:2;
      -ms-flex-order:1;
    order:1;
  }
  .searchPanel__unit__item {
    margin-top: 5px;
    width: 100%;
      -webkit-box-ordinal-group:4;
      -ms-flex-order:3;
    order:3;
  }
  .searchPanel__unit .modBtn {
    padding-left: 0;
      -webkit-box-ordinal-group:3;
      -ms-flex-order:2;
	  order:2;
  }
}
/* カラム調整 */
/*  .searchPanel__unit.modFlexBox,
.searchPanel__unit .modFlexBox {
    -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}  */
@media (max-width: 768px) {
  .searchPanel__unit.modFlexBox {
    display: block;
  }
  .searchPanel__unit.modFlexBox .modColumn--oneHalf:nth-of-type(n+2) {
    padding-top: 10px;
  }
}
@media (max-width: 425px) {
  .searchPanel__unit.modFlexBox,
  .searchPanel__unit .modFlexBox {
      -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* 検索フォームの開閉 */
.is-toggle-searchPanel {
  text-align: right;
  font-size: 1.2rem;
}
/* 日付 */
.modDateBox input[type=text] {
    min-width: 110px;
  width: 30%;
}
.modDateBox__slash {
  display: inline-block;
  font-size: 1rem;
  margin: 0 2px;
}
/* ========================================================
          footer
======================================================== */
/* ============================
  footer
============================ */
.footerBar {
  background-color: rgba(241,241,241,1);
  height: 35px;
  margin-left: 200px;
  padding: 10px 20px;
  -webkit-transition: margin-left .5s;
  -o-transition: margin-left .5s;
  transition: margin-left .5s;
}
  .is-collapsibleNav-closed ~ .footerBar {
    margin-left: 30px;
  }
  .footerBar--withoutNav {
    background-color: inherit!important;
    margin-left: 0!important;
    padding: 16px 20px;
    height: auto;
  }
.footerNav {
  display: flex;
  justify-content: center;
}
.footerNav__item + .footerNav__item {
  margin-left: 16px;
}
.footerNav__link {
  color: #005bac;
  font-size: 14px;
}
.copyrightBox {
  font-size: 1rem;
  text-align: center;
}
.footerBar--withoutNav .copyrightBox {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .footerBar {
    margin-left: 0;
    padding: 10px;
  }
  .is-collapsibleNav-closed ~ footer {
    margin-left: 0;
  }
  .footerNav__item + .footerNav__item {
    margin-left: 10px;
  }
  .footerNav__link {
    font-size: 12px;
  }
}
/* ============================
  modal
============================ */
.modalCreate {
  text-align: center;
  padding-top: 60px;
}
.modalCreate__icon {
  text-align: center;
}
.modalCreate__icon__item {
  color: #fd8b39;
  font-size: 10rem;
  text-align: center;
}
.modalCreate__text {
  font-size: 1.4rem;
  margin-top: 40px;
}
.modalCreate--error {
  text-align: center;
  padding-top: 100px;
}
.modalCreate__text--error {
  font-size: 2rem;
}
.modalCreate__btn {
  margin-top: 40px;
}
.modalCreate__btn__item {
  background-color: #fd8a39;
  border-color: rgba(252,120,32,1);
  color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  letter-spacing: .001rem;
  padding: 6px 12px;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}
/* ============================
  Cookieバナー
============================ */
.cookie-accept-banner-sentence {
  font-size: 1.5rem;
}
@charset "UTF-8";
/*  CSS Document  */
/* --------------------------------------------------------
Contents of this css
  + shortcutPanel: トップページのみ
  + simpleAnalyticsPanel: トップページのみ
  + welcomePanel: トップページのみ
  + SearchPanel: 検索フォーム
  + BasePanel: 基本組パネル
      - BasePanel
      - BaseHeadline
      - BaseUnit
          - BaseUnit__title
          - BaseUnit__contents
      - baseUnit内の特殊
      - 特殊Unit内: 親パネルなし
      - modalUnit: モーダルオープン時のユニット
  + FormPanel: メールフォームなど
  + analyticsPanel,usagePanel: アナリティクス系、利用状況系
  + infoListPanel: お知らせ系一覧
  + infoDetailPanel: お知らせ系詳細
  + SidePanel: サイドパネル
  + AttentionPanel: 注目をひきたいパネル
  + TabPanel: タブ切替パネル
  + tabKidsPanel: タブ内のタブ CSSのみ対応版
  + BaseTable: 基本組テーブル
  + EnqueteResultPanel: コンテンツ詳細ページ　アンケート部分
  + コンテンツ詳細ページ サムネイル部分
  + featureUnit: LP記事作成
  + modal: モーダル内
  + inlineFrame: アイフレーム
-------------------------------------------------------- */
/* ----------- modNote ----------- */
.modNote {
  display: block;
  font-size: 1.1rem;
  line-height: 1.3rem;
  font-weight: normal;
  margin-top: 5px;
}
.modNote--right {
  text-align: right;
}
.modNote--green {
  color: #3c763d;
}
/* ========================================================
          shortcutPanel: トップページのみ
======================================================== */
.shortcutPanel {
  padding-bottom: 30px;
}
.shortcutPanel__headline {
  border-bottom: solid 1px #ccd0d4;
  padding: 0 0 10px;
  margin-bottom: 20px;
}
.shortcutPanel__headline__item {
  font-size: 1.5rem;
  font-weight: bold;
}
.shortcutPanel__headline__icon i {
  font-size: 2rem;
}
@media (max-width: 425px) {
  .shortcutPanel {
    padding-bottom: 30px;
  }
}
/* shortcutPanel__contents */
.shortcutPanel__contents.modFlexBox {
    -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;

}
.shortcutPanel__contents .modColumn--oneHalf:nth-of-type(n+3)
{
  margin-top: 2%;
}
/* shortcutPanel__unit */
.shortcutPanel__contents__item {
  border-radius: 3px;
  background-color: #fd8a39;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0 15px 10px;
  margin: 1%;
  text-align: center;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  min-height: 110px
}

@media (max-width: 320px) {
  .shortcutPanel__contents__item {
    border-radius: 3px;
    background-color: #fd8a39;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 15px 10px;
    margin: 0px;
    text-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    min-height: 90px;
  }
}

.shortcutPanel__contents__item:hover {
  opacity: .65;
}
.shortcutPanel__contents__item__icon {
  display: block!important;
  margin: 0 auto;
  padding: 10px 0 8px;
  width: 4rem;
  height: 6rem;
}
.shortcutPanel__contents__item__text {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 50%;
}
@media (max-width: 768px) {
  .shortcutPanel__contents__item.modColumn--onefourth:nth-child(1) {
    /*margin: 0!important;*/
  }
  .shortcutPanel__contents__item.modColumn--onefourth:nth-child(4n+1) {
    margin-left: inherit;
  }
  .shortcutPanel__contents__item.modColumn--onefourth:nth-child(n+5) {
    margin-left: inherit;
    margin-top: inherit;
  }
}
@media (max-width: 425px) {
  .shortcutPanel__contents__item {
    font-size: 1.2rem;
    padding: 10px 10px;
    min-height: 90px;
  }
  .shortcutPanel__contents__item.modColumn--onefourth:nth-child(2n) {
    margin-left: 2%;
  }
  .shortcutPanel__contents__item.modColumn--onefourth:nth-child(2n+1) {
    margin-left: 0;
  }
  .shortcutPanel__contents__item.modColumn--onefourth:nth-child(n+3) {
    margin-top: 4%;
  }

  .shortcutPanel__contents__item__icon {
    font-size: 2rem;
    padding: 10px 10px 8px;
    height: 4rem;
  }
}

@media (max-width: 768px) {
  .shortcutPanel__contents__item {
    font-size: 1.2rem;
    padding: 10px 10px;
    min-height: 90px;
  }
  .shortcutPanel__contents__item.modColumn--onefourth:nth-child(2n) {
    margin-left: 2%;
  }
  .shortcutPanel__contents__item.modColumn--onefourth:nth-child(2n+1) {
    margin-left: 0;
  }
  .shortcutPanel__contents__item.modColumn--onefourth:nth-child(n+3) {
    margin-top: 2%;
  }

  .shortcutPanel__contents__item__icon {
    font-size: 2rem;
    padding: 10px 10px 8px;
    height: 4rem;
  }
}

/* modal内 */
.choseShortcutPanel__note {
  font-size: 1.2rem;
  text-align: center;
}
.choseShortcutPanel.modFlexBox {
    -ms-flex-wrap: wrap;
  flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
	justify-content: flex-start;
}
.choseShortcutPanel .choseShortcutPanel__input {
  display: none;
}
.choseShortcutPanel .shortcutPanel__contents__item {
  background-color: #fd8a39;
  border-radius: 3px;
  padding: 8px 15px 7px;
  margin: 4px;
}
.choseShortcutPanel .shortcutPanel__contents__item__text {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
}
.choseShortcutPanel .shortcutPanel__contents__item__icon {
  margin-right: 5px;
  width: 18px;
}
.choseShortcutPanel__input:checked + .shortcutPanel__contents__item {
  opacity: .65;
}
/* ========================================================
          simpleAnalyticsPanel: トップページのみ
======================================================== */
.simpleAnalyticsPanel {
  padding-bottom: 40px;
}
.shortcutPanel__headline {
  border-bottom: solid 1px #ccd0d4;
  padding: 0 0 10px;
  margin-bottom: 20px;
}
.shortcutPanel__headline__item {
  font-size: 1.5rem;
  font-weight: bold;
}
/* simpleAnalyticsPanel__contents */
.simpleAnalyticsPanel__contents {}
.simpleAnalyticsPanel__contents__item {
  width: calc((100% / 3) - 2%);
}
@media (max-width:768px) {
  .simpleAnalyticsPanel__contents__item {
    width: calc((100% / 2) - 2%);
  }
  .simpleAnalyticsPanel__contents__item:nth-of-type(n+3) {
    margin-top: 15px;
  }
}
@media (max-width:425px) {
  .simpleAnalyticsPanel {
    padding-bottom: 30px;
  }
  .simpleAnalyticsPanel__contents__item {
    width: 100%;
  }
  .simpleAnalyticsPanel__contents__item:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
/* ========================================================
          welcomePanel: トップページのみ
======================================================== */
/* ============================
  welcomePanelの基礎
============================ */
.welcomePanel {
  background-color: #fff;
  border-top: solid 3px #ccd0d4!important;
  border-radius: 3px;
}
.welcomePanel .baseHeadline {
  text-align: center;
}
.welcomePanel .modColumn--oneThird {
  margin-right: 2%;
}
.welcomePanel .modColumn--oneThird:nth-of-type(3n) {
  margin-right: 0;
}
/* .welcomePanel .baseUnit__contents */
.welcomePanel .baseUnit__contents {
  padding-bottom: 15px;
}
/* .welcomePanel flex設定 */
.welcomePanel .baseUnit__contents.modFlexBox {
    -webkit-box-align: start;
    -ms-flex-align: start;
	align-items: flex-start;
    -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* .welcomePanel column設定 */
.welcomePanel .modColumn--oneThird:nth-of-type(n+4) {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .welcomePanel .modColumn--oneThird {
    width: calc((100% / 2) - 2%)!important;
    margin-right: 0;
  }
  .welcomePanel .modColumn--oneThird:nth-of-type(n+3) {
    margin-top: 20px;
  }
}
@media (max-width: 425px) {
  .welcomePanel .modColumn--oneThird {
    width: 100%!important;
  }
  .welcomePanel .modColumn--oneThird:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
/* .welcomePanel__title */
.welcomePanel__title {
  font-size: 1.5rem;
  font-weight: bold;
}
/* .welcomePanel__contents */
.welcomePanel__contents {
  padding-top: 8px;
}
.welcomePanel__contents__item {
  color: #fd8a39;
  font-size: 1.4rem;
}
.welcomePanel__contents__item:nth-of-type(n+2) {
  margin-top: 6px;
}
.welcomePanel__contents__item__icon {
  margin-right: 5px;
  width: 18px;
  height: 18px;
}
.welcomePanel__contents__item a {
  flex-grow: 2;
}
.welcomePanel__contents__item a:hover {
  opacity: .65;
}
@media (max-width: 425px) {
  .welcomePanel .baseUnit__contents {
    padding: 10px 12px;
  }
}
/* ========================================================
          SearchPanel: 検索フォーム
======================================================== */
.searchPanel {
  background-color: #fff;
  border: solid 1px #ccd0d4;
  border-top: solid 3px rgba(
49,112,143,1);
  border-radius: 3px;
}
.searchPanel:nth-of-type(n+2) {
  margin-top: 30px;
}
.is-toggle-searchPanel-close>.modBtn {
  padding: 10px 0;
}
/* headline h3 */
.searchPanel__headline {
  border-bottom: solid 1px #ccd0d4;
  padding: 10px 20px;
  text-align: center;
}
.searchPanel__headline__item {
  font-size: 1.4rem;
  font-weight: bold;
}
@media (max-width: 425px) {
  .searchPanel__headline {
    padding: 15px;
  }
}
/* searchPanel__wrap */
.searchPanel__wrap {
  border-bottom: dashed 1px rgba(204,208,212,.6);
  padding: 10px 20px;
  overflow: hidden;
  position: relative;
}
.is-pageContentsInner-narrow .searchPanel__wrap {
  border-bottom: none;
  padding: 0;
}
/* searchPanel__unit */
.searchPanel__unit {}
.is-pageContentsInner-narrow .searchPanel__unit {
  border-bottom: dashed 1px rgba(204,208,212,.6);
  padding: 10px 15px;
  margin-top: 0!important;
}
/* searchPanel__unit__title */
.searchPanel__unit__title {
  font-size: 1.2rem;
  font-weight: bold;
  flex-basis: 30%;
  flex-grow: 0;
  padding-right: 15px;
  position: relative;
    min-width: 110px;
  width: 30%;
}
.is-pageContentsInner-narrow .searchPanel__unit__title {
  flex-basis: 20%;
  width: 20%;
}
/* searchPanel__unit__item */
.searchPanel__unit__item {
  font-size: 1.2rem;
  flex-basis: auto;
  flex-grow: 1;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 425px) {
  .searchPanel__unit__title {
    flex-basis: 100%;
    width: 100%;
  }
  .searchPanel__unit__item {
    margin-top: 5px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .searchPanel__unit.modFlexBox {
    display: block;
  }
  .searchPanel__unit.modFlexBox .modColumn--oneHalf:nth-of-type(n+2) {
    padding-top: 10px;
  }
}
@media (max-width: 425px) {
  .searchPanel__unit.modFlexBox,
  .searchPanel__unit .modFlexBox {
      -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* 検索フォームの開閉 */
.is-toggle-searchPanel {
  text-align: right;
  font-size: 1.2rem;
}
/* ========================================================
          BasePanel: 基本組パネル
======================================================== */
.basePanel {
  background-color: #fff;
  border: solid 1px #ccd0d4;
  border-top: solid 3px #fd8a39;
  border-radius: 3px;
  position: relative;
  width: 100%;
}
.basePanel:nth-of-type(n+2) {
  margin-top: 30px;
}
.basePanel--secondary {
  border-color: #d2d6de;
}
/* .basePanel+.modBtn */
.basePanel+.modBtn .modBtn__item {
  margin: 0 15px;
}
.basePanel+.modBtn.modFlexBox--center .modBtn__item:first-of-type {
  margin-left: 0;
}
.basePanel+.modBtn.modFlexBox--center .modBtn__item:last-of-type {
  margin-right: 0;
}
@media (max-width: 425px) {
  .basePanel+.modBtn.modFlexBox--center {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .basePanel+.modBtn.modFlexBox--center .modBtn__item {
    margin: 0;
  }
}
/* ============================
  baseHeadline
============================ */
.baseHeadline {
  border-bottom: solid 1px #ccd0d4;
  padding: 15px 20px;
}
.baseHeadline__item {
  font-size: 1.5rem;
  font-weight: bold;
}
@media (max-width: 425px) {
  .baseHeadline {
    padding: 10px;
  }
}
/* ============================
  baseUnit
============================ */
/* baseUnit */
.baseUnit {
  border-bottom: solid 1px rgba(204,208,212,.6);
  position: relative;
  width: 100%;
}
.baseUnit:last-of-type {
  border-bottom: none;
}
.baseUnit--vertically {}
@media (max-width: 425px) {
  .baseUnit.modFlexBox {
      -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* baseUnit__title */
.baseUnit__title {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 12px 20px;
  width: 180px;
  flex-basis: 180px;
  flex-grow: 0;
  flex-shrink: 0;
}
.baseUnit:last-of-type .baseUnit__title {
  border-radius: 0 0 0 3px;
}
.pageContentsInner--wide .baseUnit__title {
  padding-right: 0;
  width: 130px;
  flex-basis: 130px;
}
.is-pageContentsInner-narrow .baseUnit__title {
  padding-right: inherit;
  width: 180px;
  flex-basis: 180px;
}
.pageContentsInner--wide .baseUnit--vertically .baseUnit__title {
  padding-bottom: 0;
}
.baseUnit--vertically .baseUnit__title {
  padding: 12px 20px 0;
  width: 100%!important;
}
.baseUnit__title__item {}
@media (min-width: 1024px) {
  .baseUnit__title {
    width: 220px;
    flex-basis: 220px;
  }
  .baseUnit:last-of-type .baseUnit__title {
    border-radius: 0;
  }
}
@media (max-width: 425px) {
  .baseUnit__title {
    border-right: none;
    padding: 10px;
    padding-right: 0;
    width: auto;
    flex-basis: auto;
    flex-grow: 1;
      -webkit-box-ordinal-group:2;
      -ms-flex-order:1;
    order:1;
  }
  .baseUnit--vertically .baseUnit__title {
    padding: 10px;
  }
}
/* baseUnit__contents */
.baseUnit__contents {
  font-size: 1.3rem;
  padding: 12px 20px;
  text-align: left;
  flex-basis: auto;
  flex-grow: 1;
}
.pageContentsInner--wide .baseUnit__title+.baseUnit__contents {
  width: calc(100% - 130px);
}
.is-pageContentsInner-narrow .baseUnit__title+.baseUnit__contents {
  width: calc(100% - 180px);
}
@media (min-width: 1024px) {
  baseUnit__title+.baseUnit__contents {
    width: calc(100% - 220px);
  }
}
@media (max-width: 600px) {
  .baseUnit__title+.baseUnit__contents {
    width: 100%;
  }
  .pageContentsInner--wide .baseUnit__title+.baseUnit__contents {
    width: 100%;
  }
  .is-pageContentsInner-narrow .baseUnit__title+.baseUnit__contents {
    width: 100%;
  }
}

.baseUnit__contents--full {
  width: 100%!important;
}
.baseUnit__contents--right {
  text-align: right;
}
.baseUnit--vertically .baseUnit__contents {
  width: 100%;
}

.baseUnit__contents__item {
  word-break: break-all;
}
.baseUnit__contents__item:nth-of-type(n+2) {
  margin-top: 5px;
}
.baseUnit__contents__item .modBtn+.modBtn {
  display: block;
}
.baseUnit__contents__item .modBtn+.modBtn:nth-of-type(n+2) {
  margin-top: 5px;
}
@media (max-width: 425px) {
  .baseUnit__contents {
    padding: 0 10px 10px;
    width: 100%;
      -webkit-box-ordinal-group:4;
      -ms-flex-order:3;
    order:3;
  }
  .baseUnit--vertically .baseUnit__contents {
    padding: 10px;
  }
  .swal2-html-container .baseUnit__contents {
    padding: 10px;
  }
}
/* baseUnit>.modBtn */
.baseUnit>.modBtn {
  padding: 12px 20px;
  padding-left: 0;
  flex-basis: auto;
  flex-grow: 0;
}
@media (max-width: 425px) {
  .baseUnit>.modBtn {
    padding: 10px;
    text-align: right;
    flex-grow: 1;
      -webkit-box-ordinal-group:3;
      -ms-flex-order:2;
	  order:2;
      -ms-flex-item-align: stretch;
    align-self: stretch;
  }
}
/* ============================
  baseUnit内の特殊
============================ */
/* baseUnit__notes */
.baseUnit__notes {
  display: block;
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 5px;
  opacity: .65;
}

/* ============================
  特殊Unit内: 親パネルなし
============================ */
.modalUnit--scroll {
  border: solid 1px #ccd0d4;
  max-height: 300px;
  height: 100%;
  overflow: auto;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 425px) {
  .modalUnit--scroll {
    max-height: inherit;
  }
}
/* modalUnit */
.modalUnit .baseUnit__title {
  width: 100%;
}
.modalUnit .baseUnit__contents {
  padding-top: 0;
}
.modalUnit .baseUnit__contents__item {
  text-align: center;
}
.modalUnit .baseUnit__notes a {
  color: #fd8a39;
}
.modalUnit .baseUnit__notes a:hover {
  opacity: .65;
}
/* planChangeUnit */
.planChangeUnit {}
.planChangeUnit .baseUnit__title {
  padding-bottom: 0;
  width: 100%;
}
.planChangeUnit .baseUnit__contents {
  padding-top: 5px;
}
.planChangeUnit .baseUnit__contents__item {
  text-align: center;
}
.planChangeUnit .baseUnit__contents.modFlexBox .baseUnit__contents__item {
  width: calc((100% / 2) - 2%);
}
.planChangeUnit .baseUnit__contents__item:nth-of-type(n+2) {
  margin-top: 0;
}
.planChangeUnit__arrow {
  color: #ddd;
  max-width: 30px;
}
.planChangeUnit>.modBtn {
  padding-left: 12px;
}
@media (max-width: 425px){
  .planChangeUnit>.modBtn {
    text-align: center;
  }
}



/* ========================================================
          Base03Panel: 基本組パネル(いろつき）
======================================================== */
.base03Panel {
  background-color: #fff;
  border: solid 1px #ccd0d4;
  border-top: solid 3px #fd8a39;
  border-radius: 3px;
  position: relative;
}
.base03Panel:nth-of-type(n+2) {
  margin-top: 30px;
}
.base03Panel--secondary {
  border-color: #d2d6de;
}
/* ============================
  base03Headline
============================ */
.base03Headline {
  border-bottom: solid 1px #ccd0d4;
  padding: 15px 20px;
}
.base03Headline__item {
  font-size: 1.5rem;
  font-weight: bold;
}
@media (max-width: 425px) {
  .base03Headline {
    padding: 10px;
  }
}
/* ============================
  base03Unit
============================ */
/* base03Unit */
.base03Unit {
  border-bottom: solid 1px rgba(204,208,212,.6);
}
.base03Unit:last-of-type {
  border-bottom: none;
}
@media (max-width: 425px) {
  .base03Unit.modFlexBox {
      -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* base03Unit__title */
.base03Unit__title {
  background-color: rgba(250,250,250,1);
  border-right: solid 1px rgba(204,208,212,.6);
  font-size: 1.2rem;
  font-weight: bold;
  padding: 15px 20px;
  position: relative;
  width: 180px;
  flex-basis: 180px;
  flex-grow: 0;
    -ms-flex-item-align: stretch;
	align-self: stretch;
}
.base03Unit:last-of-type .base03Unit__title {
  border-radius: 0 0 0 3px;
}
@media (min-width: 1024px) {
  .base03Unit__title {
    width: 220px;
    flex-basis: 220px;
  }
  .pageContentsInner--wide .base03Unit__title {
    padding-right: 15px;
    width: 220px;
    flex-basis: 220px;
  }
}
@media (max-width: 425px) {
  .base03Unit__title {
    border-right: none;
    padding: 10px;
    padding-right: 0;
    width: 80%;
    flex-basis: 80%;
    flex-grow: 1;
      -webkit-box-ordinal-group:2;
      -ms-flex-order:1;
    order:1;
  }
}
/* base03Unit__contents */
.base03Unit__contents {
  font-size: 1.3rem;
  padding: 15px 20px;
  text-align: left;
  flex-basis: auto;
  flex-grow: 1;
}
@media (max-width: 425px) {
  .base03Unit__contents {
    padding: 10px;
    width: 100%;
      -webkit-box-ordinal-group:4;
      -ms-flex-order:3;
    order:3;
  }
}
/* base03Unit>.modBtn */
.base03Unit>.modBtn {
  padding: 15px 20px;
  padding-left: 0;
  flex-basis: auto;
  flex-grow: 0;
}
@media (max-width: 425px) {
  .base03Unit>.modBtn {
    background-color: rgba(250,250,250,1);
    padding: 10px;
    text-align: right;
    flex-grow: 1;
      -webkit-box-ordinal-group:3;
      -ms-flex-order:2;
	  order:2;
      -ms-flex-item-align: stretch;
    align-self: stretch;
  }
}
/* ========================================================
          infoListPanel: お知らせ系一覧
======================================================== */
/* ============================
  infoListPanelの基礎
============================ */
.infoListPanel {
  border-top: solid 3px rgba(49,112,142,1);
}
.pageContentsInner--wide .infoListPanel:nth-of-type(n+2) {
  margin-top: 0;
}
/* .infoListPanel .baseHeadline */
.infoListPanel .baseHeadline {
  padding: 10px 20px;
}
@media (max-width: 425px) {
  .infoListPanel .baseHeadline {
    padding: 10px;
  }
}
/* .infoListPanel .baseUnit */
.infoListPanel .baseUnit {
  border-bottom: dashed 1px rgba(204,208,212,.6);
  overflow: hidden;
  position: relative;
}
.infoListPanel .baseUnit:last-of-type {
  border-bottom: none;
}
.infoListPanel .baseUnit:hover {
  background-color: #e7e7e7;
}
.infoListPanel .baseUnit::after {
  content: '\f101';
  font-family:'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 1rem;
  margin-left: 2px;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  position: absolute;
}
.infoListPanel .baseUnit.modFlexBox {
    -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media (max-width: 425px) {
  .infoListPanel .baseUnit::after {
      right: 10px;
  }
}
/* .infoListPanel .baseUnit__title */
.infoListPanel .baseUnit__title {
  background-color: inherit;
  font-size: 1.3rem;
  padding: 10px 20px;
  width: 110px;
  flex-basis: 110px;
}
@media (max-width: 425px) {
  .infoListPanel .baseUnit__title {
    padding: 10px;
  }
}
/* .infoListPanel .baseUnit__contents */
.infoListPanel .baseUnit__contents {
  padding: 10px 35px;
  padding-left: 0;
  overflow: hidden;
  position: relative;
}
.infoListPanel .baseUnit__contents__item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 425px) {
  .infoListPanel .baseUnit__contents {
    padding: 10px 25px;
    padding-left: 0;
  }
}
/* ========================================================
          infoDetailPanel: お知らせ系詳細
======================================================== */
/* ============================
  infoDetailPanelの基礎
============================ */
.infoDetailPanel {
  border-top: solid 3px rgba(49,112,142,1);
}
.pageContentsInner--wide .infoDetailPanel:nth-of-type(n+2) {
  margin-top: 0;
}
/* .infoDetailPanel .baseHeadline */
.infoDetailPanel .baseHeadline__date {
  font-size: 1.2rem;
  font-weight: bold;
  opacity: .65;
}
/* .infoDetailPanel .baseUnit */
.infoDetailPanel .baseUnit {
  border-bottom: dashed 1px rgba(204,208,212,.6);
  position: relative;
}
.infoDetailPanel .baseUnit:last-of-type {
  border-bottom: none;
}
/*  .infoDetailPanel .baseUnit.modFlexBox {
    -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}  */
@media (max-width: 425px) {
  .infoDetailPanel .baseUnit.modFlexBox {
      -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* .infoDetailPanel .baseUnit__title */
.infoDetailPanel .baseUnit__title {
  width: 120px;
  flex-basis: 120px;
}
/* .infoDetailPanel .baseUnit__contents */
.infoDetailPanel .baseUnit__contents {}

/* ========================================================
          FormPanel: メールフォームなど
======================================================== */
/* ============================
  formPanelの基礎
============================ */
.formPanel {
  background-color: #fff;
  border-top: solid 3px #ccd0d4;
  border-radius: 3px;
}
.formPanel .baseHeadline {
  text-align: center;
}
/* .formPanel .baseUnit */
.formPanel .baseUnit {
  display: table;
}
/* .formPanel .baseUnit__title */
.formPanel .baseUnit__title {
  background-color: rgba(250,250,250,1);
  border-right: solid 1px rgba(204,208,212,.6);
  display: table-cell;
  vertical-align: middle;
  padding-right: 50px;
  position: relative;
}
.formPanel .baseUnit__title::after {
  display: inline-block;
  font-size: 1rem;
  padding: 0 5px 0 4px;
    top: 50%;
    right: 15px;
  position: absolute;
    -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.formPanel .baseUnit__title.required::after {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  content: "必須";
}
.formPanel .baseUnit__title.optional::after {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: rgba(
49,112,143,1);
  content: "任意";
}
@media (max-width: 600px) {
  .formPanel .baseUnit__title{
    border-right: none;
    display: block;
    width: 100%;
  }
  .formPanel .baseUnit__title::after {
      top: 50%;
      right: 10px;
    position: absolute;
      -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
/* .formPanel .baseUnit__title */
.formPanel .baseUnit__contents {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .formPanel .baseUnit__contents {
    display: block;
    padding-top: 10px;
      max-width: inherit;
    width: 100%;
  }
}
/* ============================
  formPanel内の特殊
============================ */
/* inputが連続した場合 */
.formPanel input+input {
  margin-top: 1rem;
}
/* パスワード */
.passCheck {
  display: inline-block;
  margin-top: 5px;
}
.passwordCandidate {
  display: inline-block;
  margin-left: 10px;
  opacity: .8;
}
@media (max-width: 425px) {
  .passCheck {
    display: inline-block;
    margin-top: 10px;
  }
  .passwordCandidate {
    margin-top: 5px;
    margin-left: 0;
  }
}
/* クレジットカード */
.creditBox {}
.creditBox__item {
  margin-top: 1rem;
}
.creditBox__item:first-of-type {
  margin-top: 0;
}
.creditBox__item .modForm--select,
.creditBox__item input[type=password] {
   min-width: 120px;
  width: 30%;
}
.creditBox__item__slash {
  display: inline-block;
  font-size: 1.2rem;
  margin: 0 .8rem;
}
/* 住所 */
.addrBox {
  margin-top: 1rem;
}
.addrBox:first-of-type {
  margin-top: 0;
}
@media (max-width: 768px) {
  .addrBox .modColumn--oneHalf:nth-of-type(n+2) {
    margin-top: 10px;
  }
}
/* ドメイン */
.domainBox {
  display: block;
  margin-top: 1rem;
  width: 100%;
}
.domainBox .modForm {
  display: inline-block;
  margin: 0 2px;
  width: 100px;
}
.modForm--calendar {
  min-width: 130px;
 width: 30%;
}
/* ========================================================
          form02Panel: メールフォームなど
======================================================== */
/* ============================
  form02Panelの基礎
============================ */
.form02Panel {
  background-color: #fff;
  border-top: solid 3px #ccd0d4;
  border-radius: 3px;
}
.form02Panel .baseHeadline {
  text-align: center;
}
/* .form02Panel .baseUnit */
.form02Panel .baseUnit {
  display: table;
}
@media (max-width: 425px) {
  .form02Panel .baseUnit {
    display: block;
  }
}
/* .form02Panel .baseUnit__title */
.form02Panel .baseUnit__title {
  display: table-cell;
  vertical-align: middle;
  padding-right: 50px;
}
.form02Panel .baseUnit__title::after {
  display: inline-block;
  font-size: 1rem;
  padding: 0 5px 0 4px;
    top: 50%;
    right: 15px;
  position: absolute;
    -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.form02Panel .baseUnit__title.required::after {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  content: "必須";
}
.form02Panel .baseUnit__title.optional::after {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: rgba(
49,112,143,1);
  content: "任意";
}
@media (max-width: 425px) {
  .form02Panel .baseUnit__title{
    border-right: none;
    display: block;
    width: 100%;
  }
  .form02Panel .baseUnit__title::after {
      top: 50%;
      right: 10px;
    position: absolute;
      -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
/* .form02Panel .baseUnit__title */
.form02Panel .baseUnit__contents {
  display: table-cell;
  padding-left: 0;
  vertical-align: middle;
}
@media (max-width: 425px) {
  .form02Panel .baseUnit__contents {
    display: block;
    padding-left: 10px;
      max-width: inherit;
    width: 100%;
  }
}
/* ========================================================
          analyticsPanel, usagePanel: アナリティクス系、利用状況系
======================================================== */
/* base */
.analyticsPanel, .usagePanel {
  background-color: #fff;
  border-top: solid 3px #ccd0d4;
  border-radius: 3px;
}
.analyticsPanel .baseUnit,
.usagePanel .baseUnit {
  border-bottom: none;
}
.analyticsPanel .modNote,
.usagePanel .modNote {
  font-size: 1.2rem;
  margin-top: 10px;
}
.baseUnit__contents__subtitle {
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 10px;
}
/* usagePanel Only */
.usagePanel .baseUnit__contents.modFlexBox {
  display: block;
}
.usagePanel .baseUnit__contents:first-of-type {
  padding-top: 10px;
}
.usagePanel .modForm {
  display: inline-block;
}
@media (max-width: 425px) {
  .analyticsPanel {
    padding-top: 10px;
  }
  .analyticsPanel .baseUnit.modFlexBox {
    display: block;
  }
  .analyticsPanel .modFlexBox .baseUnit__contents {
    width: 100%;
  }
  .analyticsPanel .baseUnit__contents--order .modFlexBox--left,
  .analyticsPanel .baseUnit__contents--order .modFlexBox--right {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
    justify-content: center;
  }
  /* usagePanel Only */
  .usagePanel .baseUnit__contents.modFlexBox {
    display: block;
  }
  .usagePanel .modForm--calendar {
    width: 100%;
  }
}
/* main Analytics */
.baseUnit__contents--order:nth-of-type(1) {
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
  order:2;
}
.baseUnit__contents--order:nth-of-type(2) {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
  order:1;
}
@media (min-width: 426px) {
  .analyticsPanel .baseUnit__contents__item--select {
    width: 30%;
    margin-left: auto;
  }
}
/* advancedAnalytics */
.advancedThumb {
  padding: 15px 20px
}
.advancedThumb__thumbnail {
  width: 20%;
}
.advancedThumb__title{
  padding-left: 20px;
  word-wrap: break-word;
  width: 75%;
}
.advancedThumb__title__item {
  font-size: 2rem;
  line-height: 1.4;
}
.advancedThumb__title__subitem {
  font-size: 1.2rem;
  margin-top: 5px;
}
.advancedThumb__title__subitem span {
  display: inline-block;
  padding-right: 5px;
}
.baseUnit__contents__item--sortInput {
  display: block;
  margin-top: 5px;
}
.sortInput__item::before {
  content: '';
  display: inline-block;
  box-sizing: border-box;
  width: 2rem;
  border: 1px solid transparent;
  border-radius: 1px;
  margin: calc(.5rem - 1px) 0;
  margin-right: 0.25rem;
  position: relative;
}
.sortInput__item--total::before {
  border-color: #3366cc!important;
}
.sortInput__item--withSound::before {
  border-color: #dc3912;
}
.sortInput__item--withoutSound::before {
  border-color: #ff9900;
}
@media (max-width:425px) {
  .advancedThumb {
    display: block;
  }
  .advancedThumb__thumbnail {
    margin: 0 auto;
      max-width: 150px;
    width: 100%;
  }
  .advancedThumb__title{
    padding-left: 0;
    width: 100%;
  }
  .advancedThumb__title__item {
    font-size: 1.8rem;
  }
  .advancedThumb__title__subitem {
    font-size: 1.2rem;
    margin-top: 5px;
  }
  .modDateBox--advancedAnalytics.modFlexBox {
    display: block;
  }
  .baseUnit__contents__subtitle {
    display: block;
    margin-right: 0;
  }
}

/* ========================================================
          SidePanel: サイドパネル
======================================================== */
.sidePanel {
  background-color: #fff;
  border: solid 1px #fd8a39;
  border-radius: 3px;
  padding: 15px 20px;
}
.sidePanel:nth-of-type(n+2) {
  margin-top: 30px;
}
.sidePanel__headline {
  font-size: 1.4rem;
  font-weight: bold;
}
.sidePanel__item {
  font-size: 1.4rem;
  margin: 5px 0;
}
.sidePanel--center .sidePanel__item {
  text-align: center;
}
.sidePanel .modBtn {
  margin-top: 10px;
}
/* ========================================================
          AttentionPanel: 注目をひきたいパネル
======================================================== */
.attentionPanel {
  background-color: #fd8a39;
  border-radius: 3px;
  color: #fff;
  padding: 15px 20px;
}
.attentionPanel:nth-of-type(n+2) {
  margin-top: 30px;
}
.attentionPanel__headline {
  font-size: 1.4rem;
  font-weight: bold;
}
.attentionPanel__item {
  font-size: 1.4rem;
  margin: 5px 0;
}
/* ========================================================
          TabPanel: タブ切替パネル
======================================================== */
.tabPanel {
  height: auto;
}
.tabPanel .basePanel {
  border-radius: 0 0 3px 3px;
}
.tabPanel:nth-of-type(n+2) {
  margin-top: 30px;
}
.tabPanel__tabBox {}
.tabPanel__tabBox.modFlexBox {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.tabPanel__tabBox__item {
  background-color: #e7e7e7;
  border: solid 1px #ddd;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: bold;
  flex-grow: 1;
  padding: 12px 0;
  text-align: center;
  width: 100%;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.tabPanel__tabBox__item:nth-of-type(n+2) {
  margin-left: 5px;
}
.tabPanel__tabBox__item.is-tabPanel-active {
  background-color: #fd8a39;
  border-color: rgba(252,120,32,1);
  color: #FFF;
  transition: all .2s ease-out;
}
.tabPanel__contentsBox {
  height: auto;
}
.tabPanel__contentsBox__item {
  display:block;
}
/* tabPanel内contentsPanel */
.tabPanel .contentsPanel {
  border-radius: 0 0 3px 3px;
}
/* ========================================================
          tabKidsPanel: タブ内のタブ CSSのみ対応版
======================================================== */
.tabKidsPanel {
  height: auto;
}
.tabKidsPanel .basePanel {
  border: none;
}
.tabKidsPanel__tabBox {}
.tabKidsPanel__tabBox.modFlexBox {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 12px 20px;
}
.tabKidsPanel__tabBox__item {
  background: #fff;
  border: 2px solid #fd8a39;
  cursor: pointer;
  color: #fd8a39;
  font-size: 1.1rem;
  font-weight: bold;
  padding: .5rem 0;
  opacity: .8;
  flex-grow: 1;
  text-align: center;
  width: 100%;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.tabKidsPanel__tabBox__item:first-of-type {
  border-radius: 4px 0 0 4px;
}
.tabKidsPanel__tabBox__item:last-of-type {
  border-radius: 0 4px 4px 0;
}
.tabKidsPanel__tabBox__item:nth-of-type(n+2) {
  border-left: 0;
}
.tabKidsPanel__tabBox__item.is-tabKidsPanel-active {
  background: #fd8a39;
  border-color: #fd8a39;
  color: #fff;
  transition: all .2s ease-out;
}
.tabKidsPanel__contentsBox {
  height: auto;
}
.tabKidsPanel__contentsBox__item {
  display:block;
}
/* tabKidsPanel内contentsPanel */
.tabKidsPanel .contentsPanel {
  border-radius: 0 0 3px 3px;
}

/* ========================================================
          BaseTable: 基本組テーブル
======================================================== */
.scrollTableWrap {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollTableWrap::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}
div+.baseTableWrap {
  margin-top: 30px;
}
.baseTableWrap {
  background-color: #fff;
  border: solid 1px #ccd0d4;
  border-radius: 3px;
  position: relative;
  overflow: auto;
}

.baseTable {
  width: 100%;
  display: table!important;
}
.scrollTableWrap--center .baseTable {
  width: auto!important;
  margin: 0 auto;
}
/* scrollHint */
.baseTable+.scroll-hint-icon-wrap .scroll-hint-icon {
  height: 90px;
  top: 30px;
}
/* baseTable__headline */
.baseTable__headline {
  background-color: #797979;
  color: #fff;
}
.baseTable__headline__item {
  cursor: pointer;
  font-size: 1.2rem;
  padding: 8px 8px;
  text-align: center;
  vertical-align: middle;
}
.baseTable__headline__item:nth-of-type(n+2) {
  border-left: solid 1px #ccd0d4;
}
.baseTable__headline__item:last-of-type {
  border-right: solid 1px #797979;
}
.baseTable__headline__item::after {
  content: '\f0dc';
  font-family:'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 1.1rem;
  margin-left: 2px;
}
.baseTable__headline__item--nosorting::after {
  content: none;
}
.baseTable__headline__item--datetime {
  max-width: 120px;
  min-width: 120px;
}
/* baseTable__body */
.baseTable__body {}
.baseTable__unit {
  cursor: pointer;
}
.baseTable__unit:first-of-type {
  border-top: none;
}
.baseTable__unit:nth-child(even) {
  background-color: rgba(231,231,231,.2);
}
.baseTable__unit:hover {
  background-color: #e7e7e7;
}
.baseTable__item {
  border: solid 1px #ccd0d4;
  font-size: 1.2rem;
  padding: 8px 8px;
  text-align: center;
  vertical-align: middle;
}
.baseTable__item--left {
  text-align: left;
}
.baseTable__item span {
  display: inline-block;
}
.baseTable__unit--exception:hover {
  background-color: transparent;
  cursor: none;
}
.baseTable__unit--exception .baseTable__item {
  border: none;
  padding-left: 0;
  text-align: left;
}
/* サムネイル */
.baseTable__item__thumb {}
.baseTable__item__thumb__item {
    min-width: 50px;
    max-width: 50px;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
}
/* 時間 */
.baseTable__item__date {
    min-width: 70px;
}
/* テキストエリア */
.baseTable__item__text {
    min-width: 160px;
  text-align: left;
}
.baseTable__item__textSecondary {
   min-width: 130px;
}
.baseTable__item__text:nth-last-child(n+2)::after {
  content: ',';
}
/* 再生回数 */
.baseTable__item__thumb__playTimes {
  text-align: right;
  min-width: 80px;
}
.baseTable__item__thumb__playTimes::after {
  content: '（合計）';
  color: #bbb;
  display: block;
}

/* ========================================================
          enqueteResultPanel: コンテンツ詳細ページ　アンケート部分
======================================================== */
.enqueteResultPanel {}

/* baseUnit>.modBtn */
.enqueteResultPanel .baseUnit>.modBtn {
  padding: 12px 0 12px;
}
@media (max-width: 425px) {
  .enqueteResultPanel .baseUnit>.modBtn {
    text-align: center;
  }
}
/* baseTable */
.enqueteResultPanel .baseTableWrap {
  border: none;
}
.enqueteResultPanel .baseTable {
  width: auto;
  margin: 0 auto;
}
.enqueteResultPanel .baseTable {
  width: auto;
  margin: 0 auto;
}
.enqueteResultPanel .baseTable__headline--exception {
  background-color: #fff;
  border: none;
  color: #484848;
}
.enqueteResultPanel .baseTable__headline--exception .baseTable__item {
  border: none;
  padding-left: 0;
  text-align: left;
}
.enqueteResultPanel .baseTable__item--correct {
  background-color: #3c763d;
  color: #fff;
}
.baseTable__unit:hover .baseTable__item--correct {
  opacity: .65;
}
.enqueteResultPanel .baseTable__headline__item:last-of-type,
.enqueteResultPanel .baseTable__item:first-of-type {
  white-space: nowrap;
}
.enqueteResultPanel .paginationBox {
  margin-top: 1.2rem;
}

.contentDetail .baseUnit__title.required {
  position: relative;
}
.contentDetail .baseUnit__title::after {
  display: inline-block;
  padding: 0 5px 0 4px;
}
.contentDetail .baseUnit__title.required::after {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  content: "必須";
}

/* trumbowyg */
.trumbowyg-box, .trumbowyg-editor {
  min-height: 75px!important;
  max-width: 1114px!important;
}
.trumbowyg-editor * {
  box-shadow: none !important;
  margin: 0 !important;
  margin-bottom: 15px !important;
  line-height: 1.4em !important;
  font-size: 14px !important;
  border: none;
}
.trumbowyg-editor a {
  color: #15c;
  text-decoration: underline
}
.trumbowyg-editor  ol {
  padding-left: 20px;
  list-style: decimal;
}
.trumbowyg-editor ul {
  padding-left: 20px;
  list-style: disc;
}
.trumbowyg-modal-button {
  text-align: center;
}

/* ============================
  コンテンツ詳細ページ サムネイル部分
============================ */
/* サムネイル: コンテンツ詳細ページ */
.thumbnailBox {
  align-self: center;
  padding: 1rem;
}
.thumbnailBox__wrap {
  display: table;
  height: 140px;
  table-layout: fixed;
  text-align: center;
}
.thumbnailBox__wrap--sm {
  height: 120px;
}
.thumbnailBox__wrap--center {
  margin:0 auto;
}
.thumbnailBox__item {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.thumbnailBox__item .thumbnailBox__item__thumb {
  max-height: 140px;
  height: auto;
  max-width: 100%;
  width: auto;
  vertical-align: middle;
}

.thumbnailBox__item .thumbnailBox__item__thumb--svg {
  height: 120px;
  max-height: 120px;
}

.updateThumbnail__item {
  text-align: center;
}

.updateThumbnail__title {
  font-size: 1.2rem;
  text-align: left;
  font-weight: bold;

}

@media (max-width: 425px) {
  .thumbnailBox {
    padding-top: 10px;
  }
  .thumbnailBox__item .thumbnailBox__item__thumb {
    max-height: 140px;
  }
  .thumbnailBox__item .thumbnailBox__item__thumb--svg {
    height: 120px;
    max-height: 120px;
  }
  .updateThumbnail__title {
    font-size: 1rem;
  }
}
/* QRコード */
.qrcodeBox {
  text-align: center;
}
.qrcodeBox__title {
  font-size: 1.2rem;
}
.qrcodeBox__item {
  text-align: center;
}
.qrcodeBox__item:nth-of-type(n+2) {
  border-left: solid 1px rgba(204,208,212,.6);
  margin-left: 1rem;
  padding-left: 1rem;
}
.qrcodeBox__item__qrcode {
  max-width: 110px;
}
@media (max-width: 425px) {
  .qrcodeBox__title {
    font-size: 1rem;
  }
  .qrcodeBox__item:nth-of-type(n+2) {
    margin-left: 1rem;
    padding-left: 1rem;
  }
  .qrcodeBox__item__qrcode {
    max-width: 90px;
  }
}

/* ========================================================
          featureUnit: LP記事作成
======================================================== */
/* featureUnit */
.featurePanel .modForm__pluralBtn--add,
.featurePanel .modForm__pluralBtn--del {
  margin-top: 0;
  margin-left: .4rem;
}
.featureUnit {}
.featureBox {}
.featureBox:nth-of-type(n+2) {
  margin-top: 1rem;
}
.featureBox input[type=file]{
  display: block;
}

/* 説明文 */
.featureBox .trumbowyg-box,
.featureBox .trumbowyg-editor {
  margin: 0 auto;
}

/* アップロードエリア */
.shownFile {
  position: relative;
}
.shownFile.thumbnailBox:nth-of-type(n+2) {
  margin-top: 1.5rem;
}
.shownFile label {
  display: block;
}
.shownFile.thumbnailBox {
  padding: 0;
}

.shownFile .thumbnailBox__wrap {
  max-width: calc(100% - 1.6rem);
  max-height: 150px;
  height: auto;
}
@media (max-width: 425px) {
  .shownFile .thumbnailBox__wrap {
    margin: 0 auto;
  }
}
.shownFile .thumbnailBox__item {
  text-align: left;
  position: relative;
}
@media (max-width: 425px) {
  .shownFile .thumbnailBox__item {
    text-align: center;
  }
}
.shownFile .thumbnailBox__item a {
  display: inline-block;
}
.shownFile__item {
  position: relative;
  display: inline-block;
}
.fileDel {
  padding: 0;
  position: absolute;
  top: -0;
  right: -2rem;
  font-size: 1.6rem;
}
.shownFile__pdf {
  font-size: 60px;
  color: #dc3912;
}
.shownFile+.modBtn,
.thumbnailBox__wrap+.modBtn {
  margin-top: .5rem;
}
@media (max-width: 425px) {
  .shownFile+.modBtn,
  .thumbnailBox__wrap+.modBtn { 
    text-align: center;
  }
}


/* ========================================================
          modal: モーダル内
======================================================== */
.modal {
  padding: 2rem;
  font-size: 1.2rem;
  max-height: 98vh;
  height: auto;
  overflow-y: scroll;
}
@media (max-width: 425px) {
  .modal {
    padding: 1.5rem;
  }
}
.modal__body a {
  color: #70889c;
  border-bottom: dotted 1px #70889c;
}

/* ボタン（独立） */
.modal__footer {
  padding: 1.8rem 0 0;
  text-align: center;
}
.modal__btnItem {}


/* ol */
.listNum {
  padding-left: 14px;
  list-style-type: decimal;
  list-style-position: outside;
  text-align: left;
}
.listNum__item:nth-child(n+2) {
  margin-top: 1rem;
}

/* サムネイル選択 */
.thumbSelection {}
.thumbSelection__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.thumbSelection__item {
  display: block;
  text-align: center;
}
@media (min-width: 769px) {
  .thumbSelection__item {
    width: calc((100% / 5) - 1%);
  }
  .thumbSelection__item:nth-child(n+2) {
    margin-left: 1.24%;
  }
  .thumbSelection__item:nth-child(5n+1) {
    margin-left: 0;
  }
  .thumbSelection__item:nth-child(n+6) {
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  .thumbSelection__item {
    width: calc((100% / 3) - 2%);
  }
  .thumbSelection__item:nth-child(n+2) {
    margin-left: 2.9%;
  }
  .thumbSelection__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .thumbSelection__item:nth-child(n+4) {
    margin-top: 1rem;
  }
}
@media (max-width: 500px) {
  .thumbSelection__item {
    width: calc((100% / 2) - 2%);
  }
  .thumbSelection__item:nth-child(n+2) {
    margin-left: 3.9%;
  }
  .thumbSelection__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .thumbSelection__item:nth-child(n+3) {
    margin-top: 1rem;
  }
}
/* fixedThumbオンマウス時のアクション */
.thumbSelection .fixedThumb:hover .fixedThumb__item {
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer;
}
/* サムネイル直下テキスト */
.thumbSelection__itemText {
  font-size: 1.2rem;
}
/* no contents */
.thumbSelection__noitems {
  padding: 2rem;
}
.thumbSelection__noitemsText {
  font-size: 1.2rem;
  text-align: center;
}

/* inlineFrame */
.inlineFrame {
  width: 100%;
  height: calc(100vh - 50px - 27px - 48px - 35px);
}

.previewTitle {
  font-size: large;
  margin:1rem 0;
}

.previewContents {
  margin-left: 0.5rem;;
}

.previewContents:nth-of-type(n + 2) {
  margin-top: 4rem;
}