@charset "UTF-8";
/* リセットcss
------------------------------------------------------------*/
/* line 34, style.scss */
h1, h2, h3, h4, h5, h6, ul, ol, p {
  margin: 0;
}

/* line 38, style.scss */
ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 44, style.scss */
table {
  border-spacing: 0;
}
/* line 46, style.scss */
table th {
  vertical-align: top;
}

/* line 51, style.scss */
button {
  line-height: inherit;
  border: hidden;
}
/* line 54, style.scss */
button:focus {
  outline: none;
}

/* line 59, style.scss */
iframe {
  border: hidden;
}

/* line 63, style.scss */
input, textarea {
  line-height: inherit;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
}

/* line 70, style.scss */
figure {
  margin: 0;
}

/* line 74, style.scss */
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

/* 全体
------------------------------------------------------------*/
/* line 82, style.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 88, style.scss */
html {
  font-size: 16px;
}

/* line 92, style.scss */
body {
  position: relative;
  width: 100%;
  height: auto;
  background: #e1e1e1;
  background: linear-gradient(-45deg, #f1f1f1 25%, #e3e3e3 25%, #e3e3e3 50%, #f1f1f1 50%, #f1f1f1 75%, #e3e3e3 75%, #e3e3e3);
  background-size: 8px 8px;
  font: 100%/1.7 -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #222;
  font-weight: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  white-space: normal;
  vertical-align: middle;
  letter-spacing: .05em;
  overflow-x: hidden;
  z-index: 1;
}
/* line 110, style.scss */
body.hidden {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 120, style.scss */
  body {
    font: 100%/1.7 "Helvetica Neue", -apple-system, BlinkMacSystemFont, YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  }
}
/* line 125, style.scss */
[class*="overlay"] {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  background: rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 4;
}

/* line 140, style.scss */
.overlay2 {
  z-index: 501;
}

/* line 144, style.scss */
.inner {
  max-width: 1080px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

/* line 152, style.scss */
#wrapper .inner {
  padding: 2.5rem 0;
}
/* line 154, style.scss */
#wrapper .inner > * + * {
  margin-top: 2.5rem;
}
/* line 157, style.scss */
#wrapper .inner > #pankuzu + * {
  margin-top: 0;
}

/* line 163, style.scss */
a {
  color: #056EBF;
  text-decoration: none;
}

/* line 168, style.scss */
.flex {
  display: flex;
  flex-wrap: wrap;
}

/* 共通設定
------------------------------------------------------------*/
/* line 176, style.scss */
.hover a,
.hover a::before,
.hover a::after,
.hover span,
.hover span::before,
.hover span::after,
.hover button,
.hover .searchBox .searchBoxInner .search input:last-child,
.hover .thumbnailCard li,
.hover .thumbnailCard li a .textWrap h4,
.hover .thumbnailCard li a .textWrap p::before,
.hover .thumbnail,
.hover .thumbnail img,
.hover .thumbnailSquare .thumbnail .textWrap .text i,
.hover .content.banner a .textWrap i,
.hover #topBt i,
.hover .my-gallery.photo figure::before,
.hover .my-gallery.photo figure::after,
.hover .pageNav ul li::after,
.hover ul.filetree li span,
.hover .sidebarBox ul.normal li i,
.hover .linkBox .linkBoxInner table td a i {
  transition: all .3s ease;
}

/*====================
----- thumbnail -----
====================*/
/* line 205, style.scss */
.thumbnail {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
/* line 210, style.scss */
.thumbnail::before {
  content: "";
  display: block;
  padding-top: 60%;
}
/* line 215, style.scss */
.thumbnail .thumbnailInner {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 223, style.scss */
.thumbnail img {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 120%;
  height: auto;
  vertical-align: bottom;
}
/* line 232, style.scss */
.thumbnail img.tate {
  max-width: none;
  max-height: 120%;
  width: auto;
}

/* line 240, style.scss */
.hover .thumbnailWrap:not(.thumbnailCard) li a:hover .thumbnail img {
  max-width: 130%;
  height: auto;
}
/* line 243, style.scss */
.hover .thumbnailWrap:not(.thumbnailCard) li a:hover .thumbnail img.tate {
  max-width: none;
  max-height: 130%;
  width: auto;
}

/*=== 数 ===*/
/* line 252, style.scss */
.double > * {
  width: calc(calc(100% - 1.25rem) / 2);
}
/* line 254, style.scss */
.double > * + * {
  margin-left: 1.25rem;
}
/* line 257, style.scss */
.double > *:nth-child(even) + * {
  margin-left: 0;
}
/* line 260, style.scss */
.double > *:nth-child(n + 3) {
  margin-top: 1.25rem;
}

/* line 267, style.scss */
.triple > * {
  width: calc(calc(100% - 1.25rem * 2) / 3);
}
/* line 269, style.scss */
.triple > * + * {
  margin-left: 1.25rem;
}
/* line 272, style.scss */
.triple > *:nth-child(3n) + * {
  margin-left: 0;
}
/* line 275, style.scss */
.triple > *:nth-child(n + 4) {
  margin-top: 1.25rem;
}

/* line 282, style.scss */
.force > * {
  width: calc(calc(100% - 1.25rem * 3) / 4);
}
/* line 284, style.scss */
.force > * + * {
  margin-left: 1.25rem;
}
/* line 287, style.scss */
.force > *:nth-child(4n) + * {
  margin-left: 0;
}
/* line 290, style.scss */
.force > *:nth-child(n + 5) {
  margin-top: 1.25rem;
}

/*=== 正方形のthumbnail ===*/
/* line 297, style.scss */
.thumbnailSquare .thumbnail {
  /*border: 1px solid transparent;*/
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
/* line 301, style.scss */
.thumbnailSquare .thumbnail::before {
  padding-top: 60%;
}
/* line 304, style.scss */
.thumbnailSquare .thumbnail .textWrap {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 34, 34, 0.8);
  transition: all .3s ease;
}
/* line 313, style.scss */
.thumbnailSquare .thumbnail .textWrap .text {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 1rem;
  color: #fff;
  text-align: center;
}
/* line 323, style.scss */
.thumbnailSquare .thumbnail .textWrap .text i {
  position: relative;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 2.5rem;
  margin-bottom: .75rem;
  vertical-align: middle;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 1;
}
/* line 334, style.scss */
.thumbnailSquare .thumbnail .textWrap .text h4 {
  font-size: 1.5rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
/* line 337, style.scss */
.thumbnailSquare .thumbnail .textWrap .text h4 span {
  display: block;
  font-size: .9rem;
  font-weight: normal;
}
/* line 343, style.scss */
.thumbnailSquare .thumbnail .textWrap .text p {
  max-width: 60%;
  margin: 0 auto;
  margin-top: 1rem;
  font-size: .9rem;
  text-align: left;
}

/*--- 色変え ---*/
/* line 355, style.scss */
.thumbnailSquare li:first-child .thumbnail {
  border-color: #E25644;
}

/* line 359, style.scss */
.thumbnailSquare li:nth-child(2) .thumbnail {
  border-color: #EA9131;
}

/* line 363, style.scss */
.thumbnailSquare li:nth-child(3) .thumbnail {
  border-color: #F2BC32;
}

/* line 367, style.scss */
.thumbnailSquare li:nth-child(4) .thumbnail {
  border-color: #62D136;
}

/* line 371, style.scss */
.thumbnailSquare li:nth-child(5) .thumbnail {
  border-color: #2DCDD8;
}

/* line 375, style.scss */
.thumbnailSquare li:nth-child(6) .thumbnail {
  border-color: #4396D9;
}

/* line 380, style.scss */
.hover .thumbnailSquare .thumbnail:hover img {
  max-width: 140%;
}
/* line 384, style.scss */
.hover .thumbnailSquare .thumbnail:hover .textWrap i {
  transform: scale(1.3, 1.3);
}

/* line 391, style.scss */
.hover .thumbnailSquare:not(.thumbnailSlide) .thumbnail:hover .textWrap {
  background: none;
}

/*--- slide ---*/
/* line 398, style.scss */
.thumbnailSquare.thumbnailSlide .thumbnail .textWrap:first-child {
  z-index: 2;
}
/* line 401, style.scss */
.thumbnailSquare.thumbnailSlide .thumbnail .textWrap:nth-child(2) {
  left: auto;
  right: 0;
  width: 50%;
  background: #fff;
  z-index: 1;
}
/* line 409, style.scss */
.thumbnailSquare.thumbnailSlide .thumbnail .textWrap:nth-child(2) ul.many li:nth-child(n + 6) {
  display: none;
}
/* line 413, style.scss */
.thumbnailSquare.thumbnailSlide .thumbnail .textWrap:nth-child(2) ul li {
  text-align: left;
}
/* line 415, style.scss */
.thumbnailSquare.thumbnailSlide .thumbnail .textWrap:nth-child(2) ul li + li {
  margin-top: .5rem;
}
/* line 418, style.scss */
.thumbnailSquare.thumbnailSlide .thumbnail .textWrap:nth-child(2) ul li a {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
}
/* line 422, style.scss */
.thumbnailSquare.thumbnailSlide .thumbnail .textWrap:nth-child(2) ul li a::before {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  content: "";
  left: 2px;
  transform: translate(0, -50%) rotate(-45deg);
  width: 8px;
  height: 8px;
  border: 2px solid transparent;
  border-right-color: #888;
  border-bottom-color: #888;
}

/* color */
/* line 444, style.scss */
.thumbnailSquare.thumbnailSlide li:first-child .thumbnail .textWrap:first-child {
  background: #E25644;
}
/* line 447, style.scss */
.thumbnailSquare.thumbnailSlide li:nth-child(2) .thumbnail .textWrap:first-child {
  background: #EA9131;
}
/* line 450, style.scss */
.thumbnailSquare.thumbnailSlide li:nth-child(3) .thumbnail .textWrap:first-child {
  background: #F2BC32;
}
/* line 453, style.scss */
.thumbnailSquare.thumbnailSlide li:nth-child(4) .thumbnail .textWrap:first-child {
  background: #62D136;
}
/* line 456, style.scss */
.thumbnailSquare.thumbnailSlide li:nth-child(5) .thumbnail .textWrap:first-child {
  background: #2DCDD8;
}
/* line 459, style.scss */
.thumbnailSquare.thumbnailSlide li:nth-child(6) .thumbnail .textWrap:first-child {
  background: #4396D9;
}

/* hover */
/* line 466, style.scss */
.hover .thumbnailSquare.thumbnailSlide .thumbnail:hover .textWrap:first-child {
  width: 50%;
}

/* line 471, style.scss */
.hover .thumbnailSquare.thumbnailSlide ul li a:hover {
  text-decoration: underline;
}

/* line 475, style.scss */
.hover .thumbnailSquare.thumbnailSlide a:hover::before {
  margin-left: .25rem;
}

/*=== カード型のthumbnail ===*/
/* line 482, style.scss */
.thumbnailCard li a {
  height: 100%;
  background: #fff;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
/* line 490, style.scss */
.thumbnailCard li a .thumbnail {
  width: 8rem;
}
/* line 492, style.scss */
.thumbnailCard li a .thumbnail::before {
  padding-top: 100%;
}
/* line 495, style.scss */
.thumbnailCard li a .thumbnail img {
  max-width: none;
  width: auto;
  max-height: 100%;
}
/* line 501, style.scss */
.thumbnailCard li a .textWrap {
  display: flex;
  align-items: center;
  width: calc(100% - 8rem);
  padding: 1rem calc(1rem - 2px) calc(1rem - 2px);
  color: #222;
}
/* line 507, style.scss */
.thumbnailCard li a .textWrap .text {
  overflow: hidden;
}
/* line 509, style.scss */
.thumbnailCard li a .textWrap .text h3 {
  padding: 0;
  color: #fff;
  font-size: 1rem;
  border: hidden;
}

/* line 521, style.scss */
.hover .thumbnailCard a:hover {
  opacity: .75;
}
/* line 523, style.scss */
.hover .thumbnailCard a:hover .thumbnail img {
  transform: translate(-50%, -50%) scale(1.2, 1.2);
}

/*====================
----- 見出し -----
====================*/
/* line 531, style.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans JP", sans-serif;
}

/* line 535, style.scss */
h5, h6 {
  font-size: .9rem;
}

/*====================
----- 文字装飾 -----
====================*/
/* line 542, style.scss */
.fontColor {
  color: #E83067;
  font-weight: bold;
}

/* line 547, style.scss */
.mark {
  padding: .1rem;
  background: rgba(61, 206, 255, 0.3);
}

/* line 552, style.scss */
.border {
  border-bottom: 6px double rgba(61, 206, 255, 0.3);
}

/* line 556, style.scss */
a.outside i {
  margin-left: .3rem;
}

/*=== 引用 ===*/
/* line 561, style.scss */
blockquote {
  position: relative;
  padding: 2.5rem;
  margin: 0;
  background: #f1f1f1;
  border-left: 2px solid #666;
  border-radius: 0 2px 2px 0;
}
/* line 568, style.scss */
blockquote i {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  color: #999;
}
/* line 574, style.scss */
blockquote i.fa-quote-left {
  top: 15px;
  left: 15px;
}
/* line 578, style.scss */
blockquote i.fa-quote-right {
  bottom: 0;
  right: 0;
}
/* line 583, style.scss */
blockquote p {
  font-style: italic;
}
/* line 585, style.scss */
blockquote p.date {
  margin-top: .5rem;
  color: #888;
  font-size: .85rem;
  text-align: right;
}

/*====================
----- リストタグ -----
====================*/
/*=== ul ===*/
/* line 599, style.scss */
ul.normal li {
  position: relative;
  display: block;
  padding-left: 1.8rem;
}
/* line 603, style.scss */
ul.normal li + li {
  margin-top: .5rem;
}
/* line 606, style.scss */
ul.normal li::before {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  content: "";
  left: .45rem;
  width: 6px;
  height: 6px;
  background: #bbb;
  border-radius: 100%;
}

/*=== ol ===*/
/* line 622, style.scss */
ol.normal {
  counter-reset: olNum;
}
/* line 624, style.scss */
ol.normal li {
  counter-increment: olNum;
  position: relative;
  display: block;
  padding-left: 1.8rem;
}
/* line 629, style.scss */
ol.normal li + li {
  margin-top: .5rem;
}
/* line 632, style.scss */
ol.normal li::before {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  content: counter(olNum) "";
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  background: #FFB41E;
  border-radius: 2px;
  color: #fff;
  font-size: .85rem;
  text-align: center;
}

/*=== dl ===*/
/* line 652, style.scss */
dl {
  counter-reset: dl_num;
  margin: 0;
}
/* line 655, style.scss */
dl dt {
  position: relative;
  padding: 0 .75rem 0 1.5rem;
  font-weight: bold;
}
/* line 659, style.scss */
dl dt::before {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  transform: rotate(-45deg);
  content: "";
  left: 0;
  margin-top: -5px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #FFB41E;
  border-bottom-color: #FFB41E;
}
/* line 675, style.scss */
dl dd {
  padding: .5rem .75rem .5rem 1.5rem;
  margin: 0 0 1rem 0;
}
/* line 678, style.scss */
dl dd:last-child {
  margin-bottom: 0;
}
/* line 681, style.scss */
dl dd > * {
  padding: 0;
}

/* line 687, style.scss */
dl.dl_num dt {
  padding-left: 2rem;
}
/* line 689, style.scss */
dl.dl_num dt::after {
  position: absolute;
  display: block;
  counter-increment: dl_num;
  content: counter(dl_num) "";
  top: 0;
  left: 1rem;
  color: #FFB41E;
  z-index: 2;
}

/*--- 参考 ---*/
/* line 703, style.scss */
.reference span.h7 {
  display: inline-block;
  padding: .5em .75em;
  background: #FFB41E;
  color: #fff;
  font-size: .85rem;
  font-weight: bold;
  border-radius: 2px 2px 0 0;
}
/* line 712, style.scss */
.reference dl {
  padding: 1.7em;
  background: #FBE8EE;
  border: 1px solid;
  border-color: #FFB41E #f5f5f5 #f5f5f5 #f5f5f5;
  border-radius: 0 0 2px 2px;
}
/* line 718, style.scss */
.reference dl > * + dt {
  margin-top: 1rem;
}
/* line 721, style.scss */
.reference dl dd {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: .85rem;
}
/* line 726, style.scss */
.reference dl dd a {
  word-break: break-all;
}
/* line 728, style.scss */
.reference dl dd a i {
  margin-left: .3rem;
}

/*=== テーブル ===*/
/* line 737, style.scss */
.tableWrap {
  width: 100%;
  height: auto;
  overflow-x: scroll;
}
/* line 741, style.scss */
.tableWrap::-webkit-scrollbar {
  display: none;
}
/* line 744, style.scss */
.tableWrap.noScroll {
  overflow: hidden;
}
/* line 746, style.scss */
.tableWrap.noScroll th,
.tableWrap.noScroll td {
  min-width: 0;
}

/* スクロールバー */
/* line 754, style.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #222 !important;
}

/* line 758, style.scss */
table {
  width: 100%;
  height: auto;
  border-collapse: collapse;
}
/* line 762, style.scss */
table th,
table td {
  padding: .5em .75em;
  border: 1px solid #dcdcdc;
}
/* line 767, style.scss */
table th {
  background: #999;
  color: #fff;
  font-size: .85rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
/* line 774, style.scss */
table th.transparent {
  background: transparent;
  border-color: transparent;
}
/* line 778, style.scss */
table th.bColor {
  background: #bbb;
  color: #333;
}
/* line 782, style.scss */
table th.minW {
  min-width: 6rem;
}
/* line 786, style.scss */
table td {
  min-width: 12rem;
  vertical-align: middle;
}

/* 上から色を変える */
/* line 795, style.scss */
table.bColorRgb th.transparent + th {
  background: #EC4A5D;
}
/* line 797, style.scss */
table.bColorRgb th.transparent + th + th {
  background: #5194E5;
}
/* line 799, style.scss */
table.bColorRgb th.transparent + th + th + th {
  background: #50D44E;
}
/* line 806, style.scss */
table.bColorRgb tr:nth-child(n+2) > td {
  background: #FDECEE;
}
/* line 808, style.scss */
table.bColorRgb tr:nth-child(n+2) > td + td {
  background: #EDF4FC;
}
/* line 810, style.scss */
table.bColorRgb tr:nth-child(n+2) > td + td + td {
  background: #EEFBEE;
}

/*====================
----- box -----
====================*/
/* line 821, style.scss */
.box {
  border-radius: 2px;
  overflow: hidden;
}
/* line 824, style.scss */
.box h5 {
  padding: .5em .75em;
  background: #FFB41E;
  color: #fff;
  font-size: 100%;
}
/* line 830, style.scss */
.box h5 span:first-child {
  display: inline-block;
  padding: 0 .5rem;
  background: #fff;
  color: #FFB41E;
  font-size: .85rem;
  border-radius: 12px;
}
/* line 837, style.scss */
.box h5 span:first-child i {
  margin-right: .3rem;
}
/* line 841, style.scss */
.box h5 span:last-child {
  display: block;
  margin-top: .3em;
}
/* line 847, style.scss */
.box .boxInner {
  padding: 1rem;
  border: solid #FBE8EE;
  border-width: 0 1px 1px 1px;
}
/* line 851, style.scss */
.box .boxInner > * + * {
  margin-top: 1rem;
}

/* line 858, style.scss */
.box.attention h5 {
  background: #222;
}
/* line 861, style.scss */
.box.attention h5 span:first-child {
  color: #222;
}
/* line 866, style.scss */
.box.attention .boxInner {
  border-color: #dcdcdc;
}

/*====================
----- toggleBox -----
====================*/
/* line 875, style.scss */
#postInner .toggleBox {
  border: 1px solid rgba(255, 180, 30, 0.4);
  margin-top: 0;
  padding: 1rem;
}
/* line 880, style.scss */
#postInner .toggleBox .toggleBoxInner > * + * {
  margin-top: .75rem;
}
/* line 883, style.scss */
#postInner .toggleBox .toggleBoxInner > p + p {
  margin-top: 1rem;
}
/* line 888, style.scss */
#postInner .toggleBt {
  display: block;
  width: 100%;
  margin-top: 0;
  padding: .5em .75em;
  background: #FFB41E;
  color: #fff;
  font-size: .9rem;
  font-weight: bold;
  border-radius: 0 0 2px 2px;
  cursor: pointer;
}
/* line 899, style.scss */
#postInner .toggleBt i {
  margin-right: .5rem;
}

/* line 905, style.scss */
.hover #postInner .toggleBt:hover {
  opacity: .75;
  border-radius: 0 0 12px 12px;
}

/*====================
----- searchBox -----
====================*/
/* line 913, style.scss */
.searchBox {
  width: 12rem;
}
/* line 915, style.scss */
.searchBox .searchBoxInner {
  padding: 0;
  border: hidden;
}
/* line 918, style.scss */
.searchBox .searchBoxInner .search {
  width: auto;
  margin-top: 0;
}
/* line 921, style.scss */
.searchBox .searchBoxInner .search input {
  display: block;
  height: 100%;
  font-size: .9rem;
  border: solid #056EBF;
  border-width: 1px 0 1px 1px;
}
/* line 927, style.scss */
.searchBox .searchBoxInner .search input:first-child {
  width: calc(100% - 30px);
  height: 30px;
  border-width: 2px 0 2px 2px;
  border-radius: 2px 0 0 2px;
  background: rgba(255, 255, 255, 0.9);
  padding: 0 .5em;
}
/* line 934, style.scss */
.searchBox .searchBoxInner .search input:first-child:focus {
  outline: 0;
  background: #fff;
}
/* line 937, style.scss */
.searchBox .searchBoxInner .search input:first-child:focus::placeholder {
  color: transparent !important;
}
/* line 942, style.scss */
.searchBox .searchBoxInner .search input:last-child {
  width: 30px;
  height: 30px;
  border-width: 0;
  border-radius: 0 2px 2px 0;
  background: #056EBF url(../images/iconSearch.png) no-repeat;
  background-position: center center;
  background-size: 1rem 1rem;
  color: transparent;
  cursor: pointer;
}
/* line 952, style.scss */
.searchBox .searchBoxInner .search input:last-child:focus {
  outline: none;
}

/* line 961, style.scss */
.hover .searchBox .search input:last-child:hover {
  background-color: rgba(5, 110, 191, 0.8);
  background-size: 1.2rem 1.2rem;
}

/*====================
----- header -----
====================*/
/* line 969, style.scss */
#header {
  width: 100%;
  height: 60px;
  background: #fff;
  border-bottom: 1px solid #dcdcdc;
  z-index: 500;
}
/* line 975, style.scss */
#header .inner {
  position: relative;
}
/* line 977, style.scss */
#header .inner h2 {
  width: calc(100% - 60px);
  font-size: 1.2rem;
}
/* line 980, style.scss */
#header .inner h2 a {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  color: #222;
  text-decoration: none;
}

/* line 992, style.scss */
#headerRightCont {
  position: relative;
  justify-content: flex-end;
  width: 60px;
  height: 60px;
}
/* line 997, style.scss */
#headerRightCont > * {
  position: relative;
}
/* line 999, style.scss */
#headerRightCont > * > * {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  height: auto;
}
/* line 1006, style.scss */
#headerRightCont > * > * > * {
  height: 30px;
  line-height: 30px;
}
/* line 1012, style.scss */
#headerRightCont #fontSizeBtWrapper {
  width: 14.8em;
  margin-right: 1rem;
}
/* line 1017, style.scss */
#headerRightCont #fontSizeBtWrapper .fontSizeBt .fontSizeBtInner p {
  width: 6.5rem;
}
/* line 1019, style.scss */
#headerRightCont #fontSizeBtWrapper .fontSizeBt .fontSizeBtInner p i {
  padding-left: .3em;
}
/* line 1023, style.scss */
#headerRightCont #fontSizeBtWrapper .fontSizeBt .fontSizeBtInner button {
  display: block;
  width: calc(calc(100% - 7rem) / 2);
  line-height: 26px;
  padding: 0;
  background: #FFB41E;
  border: 2px solid #FFB41E;
  color: #fff;
  font-size: .9rem;
  text-align: center;
  font-weight: bold;
  border-radius: 2px;
  cursor: pointer;
}
/* line 1036, style.scss */
#headerRightCont #fontSizeBtWrapper .fontSizeBt .fontSizeBtInner button.notSelect {
  background: transparent;
  color: #FFB41E;
}
/* line 1040, style.scss */
#headerRightCont #fontSizeBtWrapper .fontSizeBt .fontSizeBtInner button + button {
  margin-left: .5rem;
}

/* line 1050, style.scss */
.hover #header #headerRightCont .fontSizeBt button:hover {
  font-size: 1rem;
  opacity: .75;
}

/*=== headerNav ===*/
/* line 1057, style.scss */
#header #headerNavBt {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 502;
}
/* line 1066, style.scss */
#header #headerNavBt span.icon {
  position: absolute;
  display: block;
  top: calc(8px + .9rem);
  left: .75rem;
  width: calc(100% - .75rem * 2);
  height: 3px;
  background: #056EBF;
  border-radius: 2px;
}
/* line 1075, style.scss */
#header #headerNavBt span.icon::before, #header #headerNavBt span.icon::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #056EBF;
  border-radius: 2px;
}
/* line 1087, style.scss */
#header #headerNavBt span.icon::before {
  margin-top: -.5rem;
}
/* line 1090, style.scss */
#header #headerNavBt span.icon::after {
  margin-top: .5rem;
}
/* line 1094, style.scss */
#header #headerNavBt span.text {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  margin-top: -.9rem;
  width: 100%;
  height: 1.7rem;
  line-height: 1.7rem;
  color: #056EBF;
  font-size: .85rem;
  font-weight: bold;
  text-align: center;
}
/* line 1108, style.scss */
#header #headerNavBt.open {
  background: #056EBF;
}
/* line 1110, style.scss */
#header #headerNavBt.open span.icon {
  background: none;
}
/* line 1112, style.scss */
#header #headerNavBt.open span.icon::before, #header #headerNavBt.open span.icon::after {
  margin-top: 2px;
  background: #fff;
}
/* line 1116, style.scss */
#header #headerNavBt.open span.icon::before {
  transform: translate(0, -50%) rotate(45deg);
}
/* line 1119, style.scss */
#header #headerNavBt.open span.icon::after {
  transform: translate(0, -50%) rotate(-45deg);
}
/* line 1123, style.scss */
#header #headerNavBt.open span.text {
  color: #fff;
}

/*====================
----- headerBottom -----
====================*/
/* line 1132, style.scss */
.headerBottom {
  position: relative;
  width: 100%;
  height: auto;
  background: #fff;
  z-index: 500;
}
/* line 1138, style.scss */
.headerBottom.fixed {
  position: fixed;
  top: 0;
  left: 0;
}

/*=== headerMenu ===*/
/* line 1147, style.scss */
#headerMenu > ul {
  flex-wrap: nowrap;
}
/* line 1149, style.scss */
#headerMenu > ul > li {
  flex-grow: 1;
}
/* line 1151, style.scss */
#headerMenu > ul > li a {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  line-height: 60px;
  color: #222;
  font-size: .9rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
/* line 1163, style.scss */
#headerMenu > ul > li a::before {
  position: absolute;
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #056EBF;
  z-index: -1;
}

/* color */
/* line 1182, style.scss */
#headerMenu > ul > li:first-child a::before {
  background: #E25644;
}
/* line 1185, style.scss */
#headerMenu > ul > li:first-child > .sub {
  background: #E25644;
}
/* line 1190, style.scss */
#headerMenu > ul > li:nth-child(2) a::before {
  background: #EA9131;
}
/* line 1193, style.scss */
#headerMenu > ul > li:nth-child(2) > .sub {
  background: #EA9131;
}
/* line 1198, style.scss */
#headerMenu > ul > li:nth-child(3) a::before {
  background: #F2BC32;
}
/* line 1201, style.scss */
#headerMenu > ul > li:nth-child(3) > .sub {
  background: #F2BC32;
}
/* line 1206, style.scss */
#headerMenu > ul > li:nth-child(4) a::before {
  background: #62D136;
}
/* line 1209, style.scss */
#headerMenu > ul > li:nth-child(4) > .sub {
  background: #62D136;
}
/* line 1214, style.scss */
#headerMenu > ul > li:nth-child(5) a::before {
  background: #2DCDD8;
}
/* line 1217, style.scss */
#headerMenu > ul > li:nth-child(5) > .sub {
  background: #2DCDD8;
}
/* line 1222, style.scss */
#headerMenu > ul > li:nth-child(6) a::before {
  background: #4396D9;
}
/* line 1225, style.scss */
#headerMenu > ul > li:nth-child(6) > .sub {
  background: #4396D9;
}

/* hover */
/* line 1233, style.scss */
.hover #headerMenu > ul > li:hover > a {
  color: #fff;
}
/* line 1235, style.scss */
.hover #headerMenu > ul > li:hover > a::before {
  height: 100%;
}
/* line 1239, style.scss */
.hover #headerMenu > ul > li:hover ul {
  display: flex;
}

/*--- sub ---*/
/* 共通 */
/* line 1246, style.scss */
#headerMenu ul[class^="sub"] {
  position: fixed;
  display: none;
  flex-wrap: wrap;
  top: 120px;
  left: 0;
  width: 100%;
  height: auto;
  padding: 1.5rem;
  background: #056EBF;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  z-index: 500;
}
/* line 1258, style.scss */
#headerMenu ul[class^="sub"] > li {
  display: block;
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}
/* line 1264, style.scss */
#headerMenu ul[class^="sub"] li a {
  color: #fff;
}

/* line 1269, style.scss */
.headerBottom.fixed #headerMenu ul[class^="sub"] {
  top: 60px;
}

/* line 1273, style.scss */
#headerMenu ul li ul[class^="sub"] span.h7 {
  position: relative;
  display: block;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
/* line 1283, style.scss */
#headerMenu ul li ul[class^="sub"] span.h7 i {
  width: 25px;
  margin-right: .5rem;
  text-align: center;
}
/* line 1288, style.scss */
#headerMenu ul li ul[class^="sub"] span.h7 a {
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  width: auto;
  line-height: 1.7;
  margin-top: -.5rem;
  padding: .25rem .5rem;
  background: #FFB41E;
  color: #fff;
  font-size: .85rem;
  font-weight: bold;
  border: 2px solid #FFB41E;
  border-radius: 2px;
}
/* line 1304, style.scss */
#headerMenu ul li ul[class^="sub"] span.h7 a span {
  position: relative;
  display: inline-block;
  padding-left: 1rem;
}
/* line 1308, style.scss */
#headerMenu ul li ul[class^="sub"] span.h7 a span::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  transform: rotate(-45deg) translate(0, -50%);
  left: 0;
  margin-top: -2px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-bottom-color: #fff;
  border-right-color: #fff;
}

/* line 1326, style.scss */
#headerMenu ul.sub ul.flex:not(.thumbnailWrap) > li {
  display: inline-block;
}
/* line 1328, style.scss */
#headerMenu ul.sub ul.flex:not(.thumbnailWrap) > li > a {
  display: block;
  line-height: 1.7em;
  padding-left: 1.5rem;
}
/* line 1332, style.scss */
#headerMenu ul.sub ul.flex:not(.thumbnailWrap) > li > a::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 0;
  transform: translate(0, -50%) rotate(-45deg);
  width: 8px;
  height: 8px;
  border: 2px solid transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
}

/* line 1348, style.scss */
.hover #headerMenu ul li ul[class^="sub"] span.h7 a:hover {
  opacity: .75;
}

/* line 1352, style.scss */
.hover #headerMenu ul.sub ul li a:hover {
  opacity: .75;
}

/* line 1356, style.scss */
.hover #headerMenu ul li ul[class^="sub"] span.h7 a:hover span::before,
.hover #headerMenu ul.sub ul li a:hover::before {
  left: .3rem;
}

/* sub */
/* line 1362, style.scss */
#headerMenu ul.sub:not(.sub2) ul li {
  padding-right: 2rem;
}
/* line 1364, style.scss */
#headerMenu ul.sub:not(.sub2) ul li a {
  text-align: left;
}

/* sub2 */
/* line 1371, style.scss */
#headerMenu ul.sub2 li ul.flex li {
  display: block;
  max-width: none;
}
/* line 1374, style.scss */
#headerMenu ul.sub2 li ul.flex li.leftCont {
  width: calc(25% - 1.5rem);
  padding-right: 1.5rem;
  margin-right: 1.5rem;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
/* line 1379, style.scss */
#headerMenu ul.sub2 li ul.flex li.leftCont ul li {
  width: 100%;
}
/* line 1381, style.scss */
#headerMenu ul.sub2 li ul.flex li.leftCont ul li + li {
  margin-top: .5rem;
}
/* line 1384, style.scss */
#headerMenu ul.sub2 li ul.flex li.leftCont ul li a {
  text-align: left;
}
/* line 1389, style.scss */
#headerMenu ul.sub2 li ul.flex li.rightCont {
  width: 75%;
}
/* line 1391, style.scss */
#headerMenu ul.sub2 li ul.flex li.rightCont ul li a {
  line-height: 1.7em;
  font-size: 1rem;
  text-align: left;
}
/* line 1396, style.scss */
#headerMenu ul.sub2 li ul.flex li.rightCont .thumbnailCard li a .textWrap p {
  font-weight: normal;
  line-height: 1.7em;
}

/*=== jumpLink ===*/
/* line 1405, style.scss */
.jumpListWrap {
  height: 60px;
  line-height: calc(60px - 4px - 2rem);
  background: rgba(255, 255, 255, 0.9);
  border-top: 1px solid #dcdcdc;
}

/* line 1412, style.scss */
.jumpList {
  overflow-x: scroll;
}
/* line 1414, style.scss */
.jumpList ul {
  flex-wrap: nowrap;
}
/* line 1417, style.scss */
.jumpList li {
  height: auto;
  padding: 1rem .5rem 1rem 0;
}
/* line 1420, style.scss */
.jumpList li:last-child {
  padding-right: 0;
}
/* line 1423, style.scss */
.jumpList li a {
  position: relative;
  display: inline-block;
  padding: 0 .5rem;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #056EBF;
  color: #056EBF;
  border-radius: 2px;
  word-break: keep-all;
}
/* line 1433, style.scss */
.jumpList li a span {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
}
/* line 1437, style.scss */
.jumpList li a span::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  content: "\f13a";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}

/* line 1453, style.scss */
.hover .jumpList li a:hover {
  opacity: .75;
  border-radius: 12px;
}

/*--- scrollbar ---*/
/* line 1459, style.scss */
.jumpList .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0;
}

/* line 1463, style.scss */
.jumpList .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 1rem;
  line-height: 1rem;
  bottom: 0;
  overflow: hidden;
}

/* line 1470, style.scss */
.jumpList .mCSB_scrollTools .mCSB_draggerContainer {
  top: 50%;
  bottom: auto;
  transform: translate(0, -50%);
}

/* line 1476, style.scss */
.jumpList .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 15px;
  margin-top: -1px;
}

/* line 1481, style.scss */
.jumpList .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.jumpList .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  width: 15px;
}

/* line 1486, style.scss */
.jumpList .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -125px -113px;
}

/* line 1490, style.scss */
.jumpList .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -129px;
}

/* line 1494, style.scss */
.jumpList .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.jumpList .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.jumpList .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.jumpList .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 0;
}

/*====================
----- footer -----
====================*/
/* line 1506, style.scss */
#footer .inner {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  justify-content: space-between;
}
/* line 1511, style.scss */
#footer h3 {
  position: relative;
  width: 100%;
  font-size: 1.15rem;
  margin-bottom: 1rem;
}
/* line 1516, style.scss */
#footer h3 a {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  padding: .25rem .5rem;
  background: #FFB41E;
  color: #fff;
  font-size: .85rem;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #FFB41E;
  border-radius: 2px;
}
/* line 1530, style.scss */
#footer h3 a span {
  position: relative;
  display: block;
  padding-left: 1rem;
}
/* line 1534, style.scss */
#footer h3 a span::before {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  transform: rotate(-45deg) translate(0, -50%);
  content: "";
  left: 0;
  margin-top: -1px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-bottom-color: #fff;
  border-right-color: #fff;
}

/* line 1554, style.scss */
#footerTop {
  background: rgba(255, 255, 255, 0.6);
}
/* line 1556, style.scss */
#footerTop .wrap {
  position: relative;
  padding: 1.25rem;
  background: #fff;
  border-top: 2px solid transparent;
  border-radius: 2px;
}
/* line 1563, style.scss */
#footerTop h4 {
  padding: 0 0 1rem;
  font-size: 1.15rem;
}
/* line 1566, style.scss */
#footerTop h4 i {
  margin-right: .5rem;
}
/* line 1572, style.scss */
#footerTop ul.many li:nth-child(n + 6) {
  display: none;
}
/* line 1577, style.scss */
#footerTop ul li + li {
  margin-top: .5rem;
}
/* line 1580, style.scss */
#footerTop ul li a {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
}
/* line 1584, style.scss */
#footerTop ul li a::before {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  content: "";
  left: 2px;
  transform: translate(0, -50%) rotate(-45deg);
  width: 8px;
  height: 8px;
  border: 2px solid transparent;
  border-right-color: #888;
  border-bottom-color: #888;
}

/* line 1603, style.scss */
.hover #footerTop ul li a:hover {
  text-decoration: underline;
}

/* line 1608, style.scss */
.hover #footerTop a:hover span::before {
  left: .3rem;
}
/* line 1611, style.scss */
.hover #footerTop a:hover::before {
  margin-left: .25rem;
}

/*--- color ---*/
/* line 1618, style.scss */
#footerTop .wrap:first-child {
  border-top-color: #E25644;
}
/* line 1621, style.scss */
#footerTop .wrap:nth-child(2) {
  border-top-color: #EA9131;
}
/* line 1624, style.scss */
#footerTop .wrap:nth-child(3) {
  border-top-color: #F2BC32;
}
/* line 1627, style.scss */
#footerTop .wrap:nth-child(4) {
  border-top-color: #62D136;
}
/* line 1630, style.scss */
#footerTop .wrap:nth-child(5) {
  border-top-color: #2DCDD8;
}
/* line 1633, style.scss */
#footerTop .wrap:nth-child(6) {
  border-top-color: #4396D9;
}

/* line 1638, style.scss */
#footerBottom {
  background: #222;
  color: #fff;
}
/* line 1641, style.scss */
#footerBottom a {
  color: #fff;
  text-decoration: none;
}
/* line 1645, style.scss */
#footerBottom .flex {
  justify-content: center;
}
/* line 1648, style.scss */
#footerBottom .flex li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
/* line 1651, style.scss */
#footerBottom .flex li a {
  padding: 0 1.25rem;
}
/* line 1656, style.scss */
#footerBottom p {
  margin-top: 2.5rem;
  font-size: .9rem;
  text-align: center;
}

/* line 1663, style.scss */
.hover #footerBottom a:hover {
  opacity: .75;
}

/*====================
----- slider -----
====================*/
/* line 1674, style.scss */
#sliderWrap {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  justify-content: space-between;
}

/* line 1681, style.scss */
.topSlider {
  height: 22rem;
  opacity: 0;
}

/* line 1686, style.scss */
.slick-initialized {
  opacity: 1;
}

/*--- topSlider ---*/
/* line 1691, style.scss */
.topSlider,
.topSliderNav {
  width: 100%;
}

/* line 1696, style.scss */
.topSlider a {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 1702, style.scss */
.topSlider .thumbnail {
  height: 22rem;
}
/* line 1704, style.scss */
.topSlider .thumbnail::before {
  padding-top: 0;
}
/* line 1707, style.scss */
.topSlider .thumbnail .textWrap {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1714, style.scss */
.topSlider .thumbnail .textWrap .text {
  position: absolute;
  display: block;
  bottom: 1.25rem;
  left: 1.25rem;
  width: calc(100% - 1.25rem * 2);
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
/* line 1722, style.scss */
.topSlider .thumbnail .textWrap .text h3 {
  font-size: 2.1rem;
}

/*--- topSliderNav ---*/
/* line 1731, style.scss */
.topSliderNav .slick-list .slick-slide {
  width: calc(calc(100% - 6px) / 4) !important;
  height: 5rem !important;
  margin-top: 2px;
}
/* line 1735, style.scss */
.topSliderNav .slick-list .slick-slide + .slick-slide {
  margin-left: 2px;
}
/* line 1739, style.scss */
.topSliderNav .slick-list .thumbnail {
  height: 5rem;
  cursor: pointer;
}
/* line 1742, style.scss */
.topSliderNav .slick-list .thumbnail:focus {
  outline: none;
}
/* line 1745, style.scss */
.topSliderNav .slick-list .thumbnail::before {
  padding-top: 0;
}

/* line 1753, style.scss */
.topSliderNav .slick-list div:not(.slick-current) > .thumbnail img {
  filter: grayscale(100%);
  opacity: .75;
}

/* line 1758, style.scss */
.hover .topSliderNav .slick-list div.slick-current img,
.hover .topSliderNav .thumbnail:hover img {
  max-width: 130%;
}

/* line 1764, style.scss */
.hover .topSliderNav .slick-list div:not(.slick-current) > .thumbnail:hover img {
  opacity: 1;
  filter: grayscale(0);
}

/* line 1770, style.scss */
.slick-vertical .slick-slide {
  border: hidden !important;
  float: none !important;
}

/* topPage
------------------------------------------------------------*/
/*====================
----- 全体 -----
====================*/
/* line 1782, style.scss */
.contentWrap h2, .contentWrap h3,
.content h2,
.content h3 {
  position: relative;
}
/* line 1784, style.scss */
.contentWrap h2 i, .contentWrap h3 i,
.content h2 i,
.content h3 i {
  margin-right: .75em;
}
/* line 1787, style.scss */
.contentWrap h2 a, .contentWrap h3 a,
.content h2 a,
.content h3 a {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  padding: .25rem .5rem;
  background: #056EBF;
  color: #fff;
  font-size: .85rem;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #056EBF;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
/* line 1801, style.scss */
.contentWrap h2 a span, .contentWrap h3 a span,
.content h2 a span,
.content h3 a span {
  position: relative;
  display: block;
  padding-left: 1rem;
}
/* line 1805, style.scss */
.contentWrap h2 a span::before, .contentWrap h3 a span::before,
.content h2 a span::before,
.content h3 a span::before {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  transform: rotate(-45deg) translate(0, -50%);
  content: "";
  left: 0;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-bottom-color: #fff;
  border-right-color: #fff;
}
/* line 1822, style.scss */
.contentWrap h2,
.content h2 {
  padding: .5em .75em;
  background: #222;
  color: #fff;
  font-size: 1.5rem;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
}
/* line 1830, style.scss */
.contentWrap h2 a,
.content h2 a {
  right: .75rem;
  color: #fff;
}
/* line 1835, style.scss */
.contentWrap h3,
.content h3 {
  padding: .5rem 0;
  border-bottom: 2px solid #222;
}
/* line 1838, style.scss */
.contentWrap h3 a,
.content h3 a {
  right: 0;
  background: #FFB41E;
  border: 2px solid #FFB41E;
}
/* line 1844, style.scss */
.contentWrap > .text,
.content > .text {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 2px;
}

/* line 1856, style.scss */
.hover .contentWrap h2 a:hover,
.hover .contentWrap h3 a:hover,
.hover .content h2 a:hover,
.hover .content h3 a:hover {
  opacity: .75;
  border-radius: 12px;
}
/* line 1860, style.scss */
.hover .contentWrap h2 a:hover span::before,
.hover .contentWrap h3 a:hover span::before,
.hover .content h2 a:hover span::before,
.hover .content h3 a:hover span::before {
  left: .3rem;
}

/* line 1866, style.scss */
.contentInner {
  padding: 1.25rem 0 0;
}

/* line 1870, style.scss */
.content .wrap:not(:nth-child(even)) + .wrap {
  margin-left: 1.25rem;
}

/* line 1874, style.scss */
.contentWrap > * + *,
.content .wrap:nth-child(n+3) {
  margin-top: 1.25rem;
}

/* manyWrap & moreBt */
/* line 1880, style.scss */
.thumbnailSquare .thumbnail .textWrap.manyWrap,
#footerTop .wrap.manyWrap {
  padding-bottom: calc(1.25rem * 2 + 1.7rem);
}
/* line 1883, style.scss */
.thumbnailSquare .thumbnail .textWrap.manyWrap a.moreBt,
#footerTop .wrap.manyWrap a.moreBt {
  display: inline-block;
}

/* line 1888, style.scss */
a.moreBt {
  position: absolute;
  display: none;
  right: 1.25rem;
  bottom: 1.25rem;
  height: 1.7rem;
  line-height: 1.7rem;
  padding: 0 .5rem;
  padding-left: 1.25rem;
  background: #FFB41E;
  color: #fff;
  font-size: .9rem;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
}
/* line 1903, style.scss */
a.moreBt::before {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  transform: rotate(-45deg) translate(0, -50%);
  content: "";
  left: .5rem;
  width: 0;
  height: 0;
  border: 3.5px solid transparent;
  border-bottom-color: #fff;
  border-right-color: #fff;
}

/* line 1919, style.scss */
.hover .manyWrap > a:hover {
  opacity: .75;
}
/* line 1921, style.scss */
.hover .manyWrap > a:hover::before {
  margin-left: .25rem;
}

/*====================
----- banner -----
====================*/
/* line 1929, style.scss */
.content.banner a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  border: 2px solid #056EBF;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
/* line 1941, style.scss */
.content.banner a::after {
  content: '';
  display: block;
  clear: both;
}
/* line 1946, style.scss */
.content.banner a .textWrap {
  position: relative;
  float: right;
  width: 50%;
  height: 100%;
  padding: 3rem 1rem;
  text-align: center;
  z-index: 1;
}
/* line 1954, style.scss */
.content.banner a .textWrap::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  right: 0;
  width: 120%;
  height: 100%;
  background: linear-gradient(to left, rgba(5, 110, 191, 0.8), transparent);
  z-index: -1;
}
/* line 1965, style.scss */
.content.banner a .textWrap i {
  width: 3rem;
  height: 3rem;
  line-height: calc(3rem - 4px);
  font-size: 1.25rem;
  margin-bottom: .5rem;
  background: rgba(5, 110, 191, 0.6);
  border: 2px solid #056EBF;
  border-radius: 100%;
  vertical-align: middle;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
/* line 1978, style.scss */
.content.banner a .textWrap h4 {
  font-size: 1.5rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
/* line 1982, style.scss */
.content.banner a .textWrap p {
  font-size: .85rem;
}

/* line 1989, style.scss */
.content.banner .wrap:first-child a {
  background: url(../images/sample7.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center;
}
/* line 1994, style.scss */
.content.banner .wrap:last-child a {
  background: url(../images/sample8.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center;
}

/* line 2001, style.scss */
.hover .content.banner a:hover {
  background-size: 110% auto;
  border-radius: 12px;
}
/* line 2004, style.scss */
.hover .content.banner a:hover i {
  transform: scale(1.3, 1.3);
}
/* line 2007, style.scss */
.hover .content.banner a:hover h3 {
  color: #056EBF;
}

/* subPage
------------------------------------------------------------*/
/*====================
----- pankuzu -----
====================*/
/* line 2017, style.scss */
#pankuzu {
  width: 100%;
}
/* line 2019, style.scss */
#pankuzu .inner {
  justify-content: space-between;
  padding: 0 0 .5rem;
}
/* line 2022, style.scss */
#pankuzu .inner > * + * {
  margin-top: 0;
}

/* line 2028, style.scss */
#pankuzu ul li {
  position: relative;
  margin-right: .45rem;
}
/* line 2031, style.scss */
#pankuzu ul li + li {
  padding-left: 1.25rem;
}
/* line 2035, style.scss */
#pankuzu ul li:not(:first-child)::after {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  content: "";
  left: 0;
  transform: translate(0, -50%) rotate(-45deg);
  width: 8px;
  height: 8px;
  border: 2px solid transparent;
  border-right-color: #999;
  border-bottom-color: #999;
}
/* line 2050, style.scss */
#pankuzu ul li a {
  position: relative;
  display: inline-block;
  color: #888;
  font-size: .85rem;
  text-decoration: none;
}
/* line 2056, style.scss */
#pankuzu ul li a i {
  margin-right: .3rem;
}
/* line 2060, style.scss */
#pankuzu ul li:last-child a {
  color: #222;
  pointer-events: none;
  text-decoration: none;
}

/* line 2067, style.scss */
.hover #pankuzu ul li a:hover {
  opacity: .75;
}

/*====================
----- 全体 -----
====================*/
/* line 2074, style.scss */
.contentWrap,
.contentWrap .content {
  width: 100%;
}

/*====================
----- メインコンテンツ -----
====================*/
/* line 2083, style.scss */
.subPage .contentWrap .content .contentInner {
  padding: 0;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

/*=== postHeader ===*/
/* line 2092, style.scss */
#postHeader {
  background: #fff;
}
/* line 2094, style.scss */
#postHeader .cate {
  display: block;
  height: auto;
  padding: .5em .75em;
  background: #222;
  transition: none;
}
/* line 2100, style.scss */
#postHeader .cate a {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: .9rem;
  font-weight: bold;
  text-decoration: none;
}
/* line 2107, style.scss */
#postHeader .cate a i {
  margin-right: .5rem;
}
/* line 2112, style.scss */
#postHeader .postHeaderInner {
  padding: 2.5rem;
}
/* line 2114, style.scss */
#postHeader .postHeaderInner > * + * {
  padding-top: 2.5rem;
  margin-top: 2.5rem;
  border-top: 1px solid #dcdcdc;
}

/* line 2122, style.scss */
#postHeader h1 {
  line-height: 1.3;
  font-size: 2.1rem;
}
/* line 2125, style.scss */
#postHeader h1 span {
  display: block;
  font-size: 50%;
  font-weight: normal;
}

/*--- descriptionBox ---*/
/* line 2136, style.scss */
#postHeader .descriptionBox .toc_hWrap,
#postHeader #tocB .toc_hWrap {
  justify-content: space-between;
  margin-bottom: 1rem;
}
/* line 2139, style.scss */
#postHeader .descriptionBox .toc_hWrap h6,
#postHeader #tocB .toc_hWrap h6 {
  margin-bottom: 0;
}
/* line 2143, style.scss */
#postHeader .descriptionBox h6,
#postHeader #tocB h6 {
  display: inline-block;
  padding: 0 0 .2rem;
  margin-bottom: 1rem;
  font-size: .9rem;
}
/* line 2148, style.scss */
#postHeader .descriptionBox h6 i,
#postHeader #tocB h6 i {
  margin-right: .5rem;
}
/* line 2152, style.scss */
#postHeader .descriptionBox button.toggleBt,
#postHeader #tocB button.toggleBt {
  display: inline-block;
  min-width: 11em;
  padding: .2rem .5rem;
  background: #056EBF;
  color: #fff;
  font-size: .9rem;
  font-weight: bold;
  border-radius: 2px;
  cursor: pointer;
}

/* line 2166, style.scss */
#postHeader #tocB button.toggleBt:hover {
  opacity: .75;
  border-radius: 12px;
}

/*--- mainImg ---*/
/* line 2172, style.scss */
#mainImg .thumbnail {
  border-radius: 2px;
}

/*--- intro ---*/
/* line 2178, style.scss */
.introInner > * + * {
  margin-top: 1rem;
}

/*--- explanation ---*/
/* line 2184, style.scss */
.explanation {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #dcdcdc;
}
/* line 2188, style.scss */
.explanation .explanationInner {
  padding: 2.5rem;
}
/* line 2190, style.scss */
.explanation .explanationInner > * + * {
  margin-top: 1rem;
}
/* line 2193, style.scss */
.explanation .explanationInner ul li {
  position: relative;
  display: block;
  padding-left: 1.5rem;
}
/* line 2197, style.scss */
.explanation .explanationInner ul li::before {
  position: absolute;
  display: block;
  content: "";
  top: .65rem;
  left: .4rem;
  width: 6px;
  height: 6px;
  background: #c1c1c1;
  border-radius: 100%;
}
/* line 2208, style.scss */
.explanation .explanationInner ul li + li {
  margin-top: .3rem;
}
/* line 2212, style.scss */
.explanation .explanationInner .button {
  display: inline-block;
  padding: .5rem 1rem;
  border-radius: 2px;
  color: #fff;
  font-weight: bold;
  word-break: keep-all;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #056EBF;
}
/* line 2222, style.scss */
.explanation .explanationInner .button[href^="#"] {
  background: #FFB41E;
}

/* line 2229, style.scss */
.explanation2 {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: .5rem;
  overflow: hidden;
  z-index: 501;
}
/* line 2241, style.scss */
.explanation2 .shadow {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  z-index: -1;
}
/* line 2252, style.scss */
.explanation2 .explanationInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 550px;
  width: 100%;
  max-height: 100%;
  height: auto;
  padding: 3.5rem calc(4rem - .75rem);
  background: #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
/* line 2265, style.scss */
.explanation2 .explanationInner > * + * {
  margin-top: 1.25rem;
}
/* line 2268, style.scss */
.explanation2 .explanationInner span.h7 {
  position: relative;
  display: block;
  width: calc(100% - 55px - 1rem);
  min-height: 55px;
  height: 55px;
  margin-right: auto;
  margin-left: auto;
  background: #dcdcdc;
  text-align: center;
  font-weight: bold;
  z-index: 1;
}
/* line 2280, style.scss */
.explanation2 .explanationInner span.h7::before, .explanation2 .explanationInner span.h7::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
  width: 38.8908729653px;
  height: 38.8908729653px;
  background: #dcdcdc;
  border-radius: 2px;
  z-index: -1;
}
/* line 2293, style.scss */
.explanation2 .explanationInner span.h7::before {
  left: -20px;
}
/* line 2296, style.scss */
.explanation2 .explanationInner span.h7::after {
  right: -20px;
}
/* line 2299, style.scss */
.explanation2 .explanationInner span.h7 > span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 45px;
  line-height: 39px;
  border-top: 3px double #fff;
  border-bottom: 3px double #fff;
  opacity: .9;
}
/* line 2313, style.scss */
.explanation2 .explanationInner .scrollBox {
  width: 100%;
  height: auto;
  padding: 0 .75rem;
  overflow: hidden;
  overflow-y: scroll;
}
/* line 2319, style.scss */
.explanation2 .explanationInner .scrollBox > * + * {
  margin-top: 1.25rem;
}
/* line 2322, style.scss */
.explanation2 .explanationInner .scrollBox .thumbnail {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2px;
  overflow: hidden;
}
/* line 2328, style.scss */
.explanation2 .explanationInner .scrollBox .thumbnail img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
/* line 2334, style.scss */
.explanation2 .explanationInner .scrollBox ul li {
  position: relative;
  display: block;
  padding-left: 1.5rem;
}
/* line 2338, style.scss */
.explanation2 .explanationInner .scrollBox ul li::before {
  position: absolute;
  display: block;
  content: "";
  top: .65rem;
  left: .4rem;
  width: 6px;
  height: 6px;
  background: #c1c1c1;
  border-radius: 100%;
}
/* line 2349, style.scss */
.explanation2 .explanationInner .scrollBox ul li + li {
  margin-top: .3rem;
}
/* line 2353, style.scss */
.explanation2 .explanationInner .scrollBox ol {
  counter-reset: olnum;
}
/* line 2355, style.scss */
.explanation2 .explanationInner .scrollBox ol > li {
  counter-increment: olnum;
  position: relative;
  display: block;
  padding-left: 1.75rem;
}
/* line 2360, style.scss */
.explanation2 .explanationInner .scrollBox ol > li::before {
  position: absolute;
  display: block;
  content: counter(olnum) "";
  top: .15rem;
  left: 0;
  width: 1.3rem;
  height: 1.3rem;
  line-height: 1.3rem;
  background: #c1c1c1;
  color: #fff;
  font-size: 90%;
  font-weight: bold;
  text-align: center;
  border-radius: 100%;
}
/* line 2376, style.scss */
.explanation2 .explanationInner .scrollBox ol > li + li {
  margin-top: .3rem;
}
/* line 2382, style.scss */
.explanation2 .explanationInner button {
  display: inline-block;
  height: auto;
  padding: .5rem 1rem;
  background: #aaa;
  color: #fff;
  font-weight: bold;
  border-radius: 2px;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* line 2396, style.scss */
.explanation3 {
  padding: 2.5rem;
  background: #fff;
  border-top: 1px solid #dcdcdc;
}
/* line 2400, style.scss */
.explanation3 .explanationInner {
  padding: 2rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
/* line 2404, style.scss */
.explanation3 .explanationInner > * + * {
  margin-top: 1.25rem;
}
/* line 2407, style.scss */
.explanation3 .explanationInner span.h7 {
  position: relative;
  display: block;
  width: calc(100% - 55px);
  height: 55px;
  margin-right: auto;
  margin-left: auto;
  background: #dcdcdc;
  text-align: center;
  font-weight: bold;
  z-index: 1;
}
/* line 2418, style.scss */
.explanation3 .explanationInner span.h7::before, .explanation3 .explanationInner span.h7::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
  width: 38.8908729653px;
  height: 38.8908729653px;
  background: #dcdcdc;
  border-radius: 2px;
  z-index: -1;
}
/* line 2431, style.scss */
.explanation3 .explanationInner span.h7::before {
  left: -20px;
}
/* line 2434, style.scss */
.explanation3 .explanationInner span.h7::after {
  right: -20px;
}
/* line 2437, style.scss */
.explanation3 .explanationInner span.h7 span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 45px;
  line-height: 39px;
  border-top: 3px double #fff;
  border-bottom: 3px double #fff;
  opacity: .9;
}
/* line 2451, style.scss */
.explanation3 .explanationInner .thumbnail {
  display: block;
  max-width: 550px;
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  border-radius: 2px;
  overflow: hidden;
}
/* line 2460, style.scss */
.explanation3 .explanationInner .thumbnail img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
/* line 2466, style.scss */
.explanation3 .explanationInner ul li {
  position: relative;
  display: block;
  padding-left: 1.5rem;
}
/* line 2470, style.scss */
.explanation3 .explanationInner ul li::before {
  position: absolute;
  display: block;
  content: "";
  top: .65rem;
  left: .4rem;
  width: 6px;
  height: 6px;
  background: #c1c1c1;
  border-radius: 100%;
}
/* line 2481, style.scss */
.explanation3 .explanationInner ul li + li {
  margin-top: .3rem;
}
/* line 2485, style.scss */
.explanation3 .explanationInner ol {
  counter-reset: olnum;
}
/* line 2487, style.scss */
.explanation3 .explanationInner ol > li {
  counter-increment: olnum;
  position: relative;
  display: block;
  padding-left: 1.75rem;
}
/* line 2492, style.scss */
.explanation3 .explanationInner ol > li::before {
  position: absolute;
  display: block;
  content: counter(olnum) "";
  top: .15rem;
  left: 0;
  width: 1.3rem;
  height: 1.3rem;
  line-height: 1.3rem;
  background: #c1c1c1;
  color: #fff;
  font-size: 90%;
  font-weight: bold;
  text-align: center;
  border-radius: 100%;
}
/* line 2508, style.scss */
.explanation3 .explanationInner ol > li + li {
  margin-top: .3rem;
}

/*=== post ===*/
/* line 2517, style.scss */
#post {
  border-top: 1px solid #dcdcdc;
}

/*--- 目次 ---*/
/* line 2522, style.scss */
.indexBt {
  position: fixed;
  display: none;
  top: 50vh;
  left: 0;
  margin-top: -3.525em;
  padding: .3em .2em .5rem;
  width: 2em;
  height: auto;
  line-height: 1.15;
  background: rgba(34, 34, 34, 0.8);
  color: #fff;
  font-weight: bold;
  border-radius: 0 12px 12px 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-left: hidden;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 5;
}
/* line 2540, style.scss */
.indexBt i {
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  margin-bottom: .3em;
  background: #fff;
  color: #222;
  font-size: 92%;
  text-align: center;
  border-radius: 100%;
}

/* line 2553, style.scss */
#postInner {
  padding: 2.5rem;
}

/* line 2557, style.scss */
#postIndex {
  position: relative;
  width: 28%;
  padding: .75rem;
  padding-top: 0;
  background: #fff;
  border-right: 1px solid #dcdcdc;
  overflow: hidden;
}

/* line 2567, style.scss */
#postInner {
  width: 100%;
  background: #fff;
}

/* line 2572, style.scss */
#postIndex + #postInner {
  width: 72%;
}

/* line 2576, style.scss */
.postIndexInner {
  padding: 1rem 0;
}
/* line 2578, style.scss */
.postIndexInner h6 {
  position: relative;
  margin-bottom: 1rem;
}
/* line 2581, style.scss */
.postIndexInner h6 span i {
  margin-right: .5rem;
}
/* line 2584, style.scss */
.postIndexInner h6 > i {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  display: none;
  right: 0;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  color: #222;
  font-size: 200%;
  text-align: center;
}
/* line 2599, style.scss */
.postIndexInner .mCSB_inside > .mCSB_container {
  margin-right: 16px;
}
/* line 2602, style.scss */
.postIndexInner .mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 1rem 0;
}
/* line 2605, style.scss */
.postIndexInner .mCSB_scrollTools .mCSB_buttonUp,
.postIndexInner .mCSB_scrollTools .mCSB_buttonDown {
  height: 1rem;
}
/* line 2609, style.scss */
.postIndexInner .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -74px;
}
/* line 2612, style.scss */
.postIndexInner .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -94px;
}

/* line 2618, style.scss */
[id^="toc"] {
  counter-reset: toch2;
}
/* line 2620, style.scss */
[id^="toc"] ol {
  counter-reset: toc;
  font-size: .9rem;
}
/* line 2623, style.scss */
[id^="toc"] ol li {
  position: relative;
  display: block;
}
/* line 2626, style.scss */
[id^="toc"] ol li + li {
  border-top: 1px solid #fff;
}
/* line 2629, style.scss */
[id^="toc"] ol li::before {
  position: absolute;
  display: block;
  left: 0;
}

/* line 2638, style.scss */
[id^="toc"] [class^="toc-h"] a {
  position: relative;
  display: block;
  padding: .3em .5em;
  padding-left: 4rem;
  background: #efefef;
  color: #222;
  text-decoration: none;
}
/* line 2646, style.scss */
[id^="toc"] [class^="toc-h"] a::before {
  position: absolute;
  display: block;
  top: .3em;
  left: .5em;
  width: 3rem;
  height: auto;
  color: #fff;
  border-radius: 2px;
  text-align: center;
}

/* line 2660, style.scss */
.hover [id^="toc"] [class^="toc-h"] a:hover {
  background: rgba(239, 239, 239, 0.5);
}

/* line 2666, style.scss */
#toc [class^="toc-h"] a {
  border: 2px solid #056EBF;
  border-color: transparent;
}
/* line 2671, style.scss */
#toc [class^="toc-h"].toc-active a {
  border-color: #056EBF;
}

/* line 2677, style.scss */
[id^="toc"] .toc-h2 {
  counter-reset: toch3;
  counter-increment: toch2;
}
/* line 2681, style.scss */
[id^="toc"] .toc-h2 a::before {
  content: counter(toch2) "";
  background: #222;
}

/* line 2688, style.scss */
[id^="toc"] .toc-h3 {
  counter-reset: toch4;
  counter-increment: toch3;
}
/* line 2692, style.scss */
[id^="toc"] .toc-h3 a::before {
  content: counter(toch2) "-" counter(toch3) "";
  background: #bbb;
}

/* line 2699, style.scss */
[id^="toc"] .toc-h4 {
  counter-increment: toch4;
}
/* line 2702, style.scss */
[id^="toc"] .toc-h4 a::before {
  content: counter(toch2) "-" counter(toch3) "-" counter(toch4) "";
  background: #ddd;
  color: #222;
}

/*--- 記事本体 ---*/
/* line 2711, style.scss */
#postInner {
  counter-reset: indexh2;
}
/* line 2713, style.scss */
#postInner > * + * {
  margin-top: 2.5rem;
}
/* line 2716, style.scss */
#postInner > .index + * {
  margin-top: 1em;
}

/* 見出し */
/* line 2722, style.scss */
#postInner .index {
  position: relative;
  padding: .5em .75em;
  border-bottom: hidden;
  box-shadow: none;
  text-shadow: none;
}

/* line 2730, style.scss */
#postInner h2.index {
  counter-reset: indexh3;
  counter-increment: indexh2;
  font-size: 1.5rem;
  padding-left: 2rem;
  background: rgba(5, 110, 191, 0.8);
  border-radius: 2px;
  overflow: hidden;
}
/* line 2738, style.scss */
#postInner h2.index::before, #postInner h2.index::after {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  content: "";
  left: 0;
  width: 1.25rem;
  text-align: center;
}
/* line 2748, style.scss */
#postInner h2.index::before {
  content: counter(indexh2);
  height: auto;
  color: #fff;
  font-size: 90%;
  z-index: 1;
}
/* line 2755, style.scss */
#postInner h2.index::after {
  height: 100%;
  background: #056EBF;
}

/* line 2761, style.scss */
#postInner h3.index {
  counter-reset: indexh4;
  counter-increment: indexh3;
  padding-left: 1rem;
  border-bottom: 2px solid rgba(5, 110, 191, 0.4);
}
/* line 2766, style.scss */
#postInner h3.index::before {
  content: counter(indexh2) "-" counter(indexh3) ". ";
}
/* line 2769, style.scss */
#postInner h3.index::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: rgba(5, 110, 191, 0.6);
  border-radius: 2px 2px 0 0;
}

/* line 2782, style.scss */
#postInner h4.index {
  counter-increment: indexh4;
  padding: 0 0 0 1rem;
}
/* line 2785, style.scss */
#postInner h4.index::before {
  content: counter(indexh2) "-" counter(indexh3) "-" counter(indexh4) ". ";
}
/* line 2788, style.scss */
#postInner h4.index::after {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  content: "";
  left: 0;
  width: 5px;
  height: 100%;
  background: #888;
  border-radius: 2px;
}

/* リスト */
/* line 2804, style.scss */
#postInner ul.normal,
#postInner ol.normal,
#postInner dl {
  padding: 1rem;
  background: rgba(255, 180, 30, 0.15);
}

/* 記事内の画像 */
/* line 2813, style.scss */
#postInner .photo {
  width: 70%;
  border-radius: 2px;
  overflow: hidden;
}
/* line 2817, style.scss */
#postInner .photo img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
/* line 2822, style.scss */
#postInner .photo p,
#postInner .photo figcaption {
  padding: .5em .75em;
  background: #f5f5f5;
  font-size: .85rem;
}

/*--- 横並びの画像 ---*/
/* line 2831, style.scss */
#postInner .photo.flex {
  width: 100%;
}
/* line 2833, style.scss */
#postInner .photo.flex.triple .photoInner {
  width: calc(100% / 3);
}
/* line 2836, style.scss */
#postInner .photo.flex.double .photoInner {
  width: calc(100% / 2);
}
/* line 2839, style.scss */
#postInner .photo.flex p {
  width: 100%;
}

/*--- 拡大可能な画像 ---*/
/* line 2845, style.scss */
.my-gallery.photo {
  position: relative;
  cursor: pointer;
}
/* line 2848, style.scss */
.my-gallery.photo figure {
  position: relative;
}
/* line 2850, style.scss */
.my-gallery.photo figure::before, .my-gallery.photo figure::after {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 2858, style.scss */
.my-gallery.photo figure::before {
  content: "画像を拡大する";
  padding: 0 0 0 1.5rem;
  width: 10.5rem;
  height: 2em;
  line-height: 2em;
  background: rgba(255, 255, 255, 0.9) url(../images/iconZoom.svg) no-repeat;
  background-position: .75rem center;
  background-size: 23px 23px;
  color: rgba(5, 110, 191, 0.8);
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  border-radius: 12px;
  z-index: 1;
  opacity: .75;
}
/* line 2875, style.scss */
.my-gallery.photo figure::after {
  content: "";
  width: 120%;
  height: 120%;
  background: rgba(5, 110, 191, 0.8);
  border-radius: 0 0 0 12px;
  opacity: 0;
}

/* line 2888, style.scss */
.hover .my-gallery.photo:hover figure::before, .hover .my-gallery.photo:hover figure::after {
  opacity: 1;
}

/* line 2895, style.scss */
.pswp__caption__center {
  max-width: 1100px !important;
  padding: 0 .75em !important;
  height: 50px;
  line-height: 50px !important;
  font-size: .9rem !important;
}

/* line 2903, style.scss */
.pswp__bg {
  opacity: .9 !important;
}

/* line 2907, style.scss */
.pswp__button--share,
.pswp__button--fs {
  display: none !important;
}

/* snsボタン */
/* line 2913, style.scss */
.sns {
  width: 100%;
  height: auto;
  padding: 2.5rem;
  background: #fff;
  border-top: 1px solid #dcdcdc;
}
/* line 2919, style.scss */
.sns .h7 {
  display: inline-block;
  margin-bottom: .5rem;
  font-size: .85rem;
  font-weight: bold;
}
/* line 2924, style.scss */
.sns .h7 i {
  margin-right: .5rem;
}

/* line 2930, style.scss */
#share {
  width: 100%;
}

/* line 2934, style.scss */
#share .jssocials-shares {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 2940, style.scss */
#share .jssocials-shares,
#share .jssocials-share {
  margin: 0;
}

/* line 2945, style.scss */
#share .jssocials-share {
  width: calc(calc(100% - 1rem) / 2);
}

/* line 2949, style.scss */
#share .jssocials-share-link {
  width: 100%;
  padding: 1rem;
  background: none;
  color: #222;
  border: 2px solid #222;
  border-radius: 2px;
}

/* line 2958, style.scss */
#share .jssocials-share-twitter .jssocials-share-link {
  color: #00aced;
  border-color: #00aced;
}

/* line 2963, style.scss */
#share .jssocials-share-facebook .jssocials-share-link {
  color: #3b5998;
  border-color: #3b5998;
}

/* line 2968, style.scss */
#share .jssocials-share-label {
  transition: none;
}

/* hover */
/* line 2973, style.scss */
.hover #share .jssocials-share-link:hover {
  color: #fff;
}

/* line 2977, style.scss */
.hover #share .jssocials-share-twitter .jssocials-share-link:hover {
  background: #00aced;
}

/* line 2981, style.scss */
.hover #share .jssocials-share-facebook .jssocials-share-link:hover {
  background: #3b5998;
}

/*=== postFooter ===*/
/*--- pagenav ---*/
/* line 2987, style.scss */
.pageNav {
  margin-top: 1.25rem;
}
/* line 2989, style.scss */
.pageNav ul {
  justify-content: space-between;
}
/* line 2991, style.scss */
.pageNav ul li {
  position: relative;
  display: block;
  width: auto;
}
/* line 2995, style.scss */
.pageNav ul li::after {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  content: "";
  left: 1.35rem;
  transform: translate(0, -50%) rotate(-45deg);
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-left-color: #fff;
  border-top-color: #fff;
  z-index: 2;
}
/* line 3011, style.scss */
.pageNav ul li.noLink::after {
  display: none;
}
/* line 3014, style.scss */
.pageNav ul li.noLink a {
  display: none;
  background: transparent;
  border: hidden;
  color: transparent;
  pointer-events: none;
  box-shadow: none;
  text-shadow: none;
}
/* line 3022, style.scss */
.pageNav ul li.noLink a span:first-child {
  color: transparent;
}
/* line 3027, style.scss */
.pageNav ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 1rem 1rem 1rem 3rem;
  background: #056EBF;
  border-radius: 2px;
  overflow: hidden;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

/* line 3048, style.scss */
.hover .pageNav li:first-child:hover::after {
  left: 1.15rem;
}
/* line 3051, style.scss */
.hover .pageNav li a:hover {
  opacity: .75;
}

/*--- linkBox ---*/
/* line 3057, style.scss */
.linkBox {
  margin-top: 2.5rem;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
/* line 3062, style.scss */
.linkBox h2 {
  box-shadow: none;
}
/* line 3065, style.scss */
.linkBox .linkBoxInner {
  padding: 2.5rem;
  background: #fff;
}
/* line 3068, style.scss */
.linkBox .linkBoxInner table {
  border: 1px solid #dcdcdc;
}
/* line 3070, style.scss */
.linkBox .linkBoxInner table th, .linkBox .linkBoxInner table td {
  padding: 1rem;
  background: transparent;
  color: #222;
  font-size: .9rem;
  text-align: left;
  border-style: dotted;
}
/* line 3078, style.scss */
.linkBox .linkBoxInner table th {
  width: 6em;
  word-break: keep-all;
}
/* line 3083, style.scss */
.linkBox .linkBoxInner table td a {
  color: #333;
}
/* line 3085, style.scss */
.linkBox .linkBoxInner table td a i {
  margin-right: .5rem;
}

/* line 3094, style.scss */
.hover .linkBox td a:hover i {
  transform: scale(1.15, 1.15);
}

/*====================
----- sidebar -----
====================*/
/* line 3101, style.scss */
#sidebar {
  position: relative;
  margin-top: 0 !important;
}
/* line 3104, style.scss */
#sidebar .sideCloseBt {
  position: absolute;
  display: block;
  display: none;
  top: 0;
  right: 0;
  padding-right: .75rem;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: right;
  color: #222;
  font-size: 200%;
}
/* line 3118, style.scss */
#sidebar .sidebarBox {
  padding: 1rem;
  background: #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  overflow: hidden;
}
/* line 3124, style.scss */
#sidebar .sidebarBox + .sidebarBox {
  margin-top: 2.5rem;
}
/* line 3127, style.scss */
#sidebar .sidebarBox h3 {
  position: relative;
  padding: .5em .75em;
  background: #222;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 2px;
}
/* line 3135, style.scss */
#sidebar .sidebarBox h3 i {
  margin-right: .5rem;
}
/* line 3138, style.scss */
#sidebar .sidebarBox h3 a {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  right: .75rem;
  color: #fff;
  font-size: .85rem;
  font-weight: normal;
  text-decoration: none;
}
/* line 3148, style.scss */
#sidebar .sidebarBox h3 a span {
  position: relative;
  display: block;
  padding-left: 1rem;
}
/* line 3152, style.scss */
#sidebar .sidebarBox h3 a span::before {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  transform: rotate(-45deg) translate(0, -50%);
  content: "";
  left: 0;
  margin-top: -2px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-bottom-color: #fff;
  border-right-color: #fff;
}

/* line 3173, style.scss */
.hover #sidebar h3 a:hover span::before {
  left: .3rem;
}

/* line 3178, style.scss */
.sidebarBox .sidebarBoxInner {
  margin-top: 1rem;
}
/* line 3180, style.scss */
.sidebarBox .sidebarBoxInner h4 {
  padding-bottom: .3rem;
  margin-bottom: -3px;
  color: #222;
  font-size: fontsizeSmall;
  font-weight: bold;
}
/* line 3186, style.scss */
.sidebarBox .sidebarBoxInner h4 a {
  color: #222;
  text-decoration: none;
  cursor: default;
  pointer-events: none;
}
/* line 3194, style.scss */
.sidebarBox ul.normal {
  margin-top: 1rem;
}
/* line 3196, style.scss */
.sidebarBox ul.normal li {
  padding-left: 2.5rem;
}
/* line 3198, style.scss */
.sidebarBox ul.normal li::before {
  display: none;
}
/* line 3201, style.scss */
.sidebarBox ul.normal li i {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  left: .45rem;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  background: #056EBF;
  color: #fff;
  font-size: .85rem;
  text-align: center;
  border-radius: 100%;
}

/* line 3221, style.scss */
.hover .sidebarBox ul.normal li.hover i {
  transform: translate(0, -50%) scale(1.15, 1.15);
}

/* line 3226, style.scss */
ul.filetree {
  border-radius: 0 0 2px 2px;
  border-top: 2px solid #222;
}
/* line 3230, style.scss */
ul.filetree li > ul li.collapsable > span.folder {
  border-bottom-color: #e1e1e1;
}
/* line 3233, style.scss */
ul.filetree li span {
  display: block;
  padding: .5em .75em;
}
/* line 3237, style.scss */
ul.filetree li span.folder {
  position: relative;
  padding-left: 2rem;
  background: #056EBF;
  color: #fff;
  border-bottom: 1px solid #fff;
  overflow: hidden;
  cursor: pointer;
}
/* line 3245, style.scss */
ul.filetree li span.folder::before {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  content: "";
  left: .75rem;
  transform: translate(0, -50%) rotate(45deg);
  border: 4px solid transparent;
  border-right-color: #fff;
  border-top-color: #fff;
}
/* line 3257, style.scss */
ul.filetree li span.folder.folder2 {
  background: rgba(5, 110, 191, 0.6);
}
/* line 3261, style.scss */
ul.filetree li.collapsable > span.folder {
  background: rgba(5, 110, 191, 0.8);
}
/* line 3263, style.scss */
ul.filetree li.collapsable > span.folder::before {
  margin-left: .2rem;
}
/* line 3266, style.scss */
ul.filetree li.collapsable > span.folder.folder2 {
  background: rgba(5, 110, 191, 0.4);
}
/* line 3270, style.scss */
ul.filetree li.treeTitle.lastExpandable:last-child > span.folder {
  border-bottom: hidden;
}
/* line 3273, style.scss */
ul.filetree li span.file {
  padding-bottom: 0;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}
/* line 3277, style.scss */
ul.filetree li span.file a {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  padding-left: 1.8rem;
}
/* line 3283, style.scss */
ul.filetree li span.file a::before {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  content: "";
  left: .45rem;
  width: 7px;
  height: 7px;
  background: #FFB41E;
  border-radius: 100%;
}
/* line 3297, style.scss */
ul.filetree li.last span.file {
  padding-bottom: .5rem;
  border-bottom: 1px solid #dcdcdc;
}
/* line 3301, style.scss */
ul.filetree li:last-child li.lastCollapsable li.last span.file {
  border-radius: 0 0 2px 2px;
}

/* line 3309, style.scss */
.hover ul.filetree li.treeTitle span.folder:hover::before {
  margin-left: .2rem;
}
/* line 3313, style.scss */
.hover ul.filetree li span.folder:hover {
  background: rgba(5, 110, 191, 0.8);
}
/* line 3317, style.scss */
.hover ul.filetree li span.folder.folder2:hover {
  background: rgba(5, 110, 191, 0.4);
}
/* line 3323, style.scss */
.hover ul.filetree li span.file a:hover::before {
  left: .35rem;
  width: 9px;
  height: 9px;
}

/*====================
----- topへ戻るボタン -----
====================*/
/* line 3336, style.scss */
#topBt {
  position: fixed;
  display: none;
  bottom: .5rem;
  right: 0;
  width: auto;
  height: auto;
  padding: .5em .75em;
  padding-top: 2rem;
  background: rgba(34, 34, 34, 0.8);
  color: #fff;
  font-size: .85rem;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 500;
}
/* line 3352, style.scss */
#topBt i {
  position: absolute;
  display: block;
  top: .5rem;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 1.5rem;
}

/* line 3362, style.scss */
.hover #topBt:hover {
  background: rgba(5, 110, 191, 0.8);
}
/* line 3364, style.scss */
.hover #topBt:hover i {
  margin-top: -.2rem;
}

/* archivePage
------------------------------------------------------------*/
/* line 3375, style.scss */
.archive .contentWrap h2 a,
.archive .contentWrap h3 a,
.archive .content h2 a,
.archive .content h3 a {
  position: static;
  display: inline;
  transform: none;
  font-size: inherit;
  font-weight: bold;
}
/* line 3385, style.scss */
.archive .contentWrap h3 a,
.archive .contentWrap h5 a,
.archive .content h3 a,
.archive .content h5 a {
  color: #222;
}
/* line 3389, style.scss */
.archive .contentWrap h5 a,
.archive .content h5 a {
  font-size: 1rem;
  text-decoration: none;
}
/* line 3392, style.scss */
.archive .contentWrap h5 a i,
.archive .content h5 a i {
  margin-right: .3rem;
}

/* line 3398, style.scss */
#postInner .cateboxWrap {
  justify-content: space-between;
}
/* line 3400, style.scss */
#postInner .cateboxWrap .catebox {
  width: calc(50% - .5rem);
  height: auto;
  padding: 1rem;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
}
/* line 3406, style.scss */
#postInner .cateboxWrap .catebox:nth-child(n + 3) {
  margin-top: 1rem;
}
/* line 3409, style.scss */
#postInner .cateboxWrap .catebox ul {
  background: none;
  padding: 0;
}
/* line 3412, style.scss */
#postInner .cateboxWrap .catebox ul li {
  position: relative;
  display: block;
  padding: .5rem 0 0 1.5em;
}
/* line 3416, style.scss */
#postInner .cateboxWrap .catebox ul li::before, #postInner .cateboxWrap .catebox ul li::after {
  position: absolute;
  display: block;
  content: "";
  left: .5rem;
  background: #888;
}
/* line 3424, style.scss */
#postInner .cateboxWrap .catebox ul li::before {
  top: .25em;
  width: 1px;
  height: 100%;
}
/* line 3429, style.scss */
#postInner .cateboxWrap .catebox ul li:last-child::before {
  height: 50%;
}
/* line 3432, style.scss */
#postInner .cateboxWrap .catebox ul li::after {
  top: calc(50% + .25em);
  width: .5rem;
  height: 1px;
}

/* wordPage
------------------------------------------------------------*/
/*=== 用語検索_topPage ===*/
/* line 3445, style.scss */
#postInner .searchBox {
  width: 100%;
}

/*--- カテゴリ検索 ---*/
/* line 3450, style.scss */
ul.term {
  justify-content: space-between;
}
/* line 3452, style.scss */
ul.term li {
  width: calc(50% - .5em);
}
/* line 3454, style.scss */
ul.term li:nth-child(n+3) {
  margin-top: 1rem;
}
/* line 3457, style.scss */
ul.term li a {
  display: block;
  padding: 1rem;
  color: #222;
  text-decoration: none;
  text-align: center;
  border: 2px solid transparent;
}
/* line 3464, style.scss */
ul.term li a span {
  display: block;
}
/* line 3466, style.scss */
ul.term li a span.sizeL {
  transform: scale(1, 1);
  line-height: 1.3;
  font-size: 1.5rem;
  font-weight: bold;
}
/* line 3472, style.scss */
ul.term li a span:last-child {
  width: 100%;
  padding-top: 1em;
  margin-top: 1em;
  text-align: left;
  border-top: 1px solid #dcdcdc;
  opacity: .5;
}
/* line 3480, style.scss */
ul.term li a span.sample {
  position: relative;
  height: calc(1.7em * 3 + 1em);
  overflow: hidden;
}
/* line 3484, style.scss */
ul.term li a span.sample::before {
  position: absolute;
  display: block;
  content: "...";
  right: 0;
  bottom: 0;
  width: 1.5em;
  height: 1.7em;
  line-height: 1.7em;
  background: #fff;
  text-align: right;
}

/* line 3502, style.scss */
.hover ul.term li a:hover span.sizeL {
  transform: scale(1.15, 1.15);
}

/*--- 50音検索 ---*/
/* line 3507, style.scss */
.lineLink {
  display: none;
}
/* line 3509, style.scss */
.lineLink li {
  width: 10%;
  border-left: 1px solid #dcdcdc;
}
/* line 3512, style.scss */
.lineLink li:first-child {
  border-left-color: transparent;
}
/* line 3515, style.scss */
.lineLink li a {
  position: relative;
  display: block;
  padding: .5em .75em;
  padding-bottom: 1.5em;
  color: #222;
  text-align: center;
  text-decoration: none;
}
/* line 3523, style.scss */
.lineLink li a::before {
  position: absolute;
  display: block;
  content: "";
  bottom: .5em;
  left: 50%;
  transform: translate(-50%, 0) rotate(45deg);
  margin-bottom: 4px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-right-color: #888;
  border-bottom-color: #888;
}

/* line 3541, style.scss */
.hover .lineLink li a:hover {
  background: rgba(5, 110, 191, 0.15);
}
/* line 3543, style.scss */
.hover .lineLink li a:hover::before {
  bottom: .3em;
}

/* line 3548, style.scss */
#postInner > .lineLink + .lineBtBoxWrap {
  margin-top: 1em;
}

/* line 3552, style.scss */
.lineBtBoxWrap {
  justify-content: space-between;
}
/* line 3554, style.scss */
.lineBtBoxWrap .lineBtBox {
  width: calc(50% - .5em);
}
/* line 3557, style.scss */
.lineBtBoxWrap .lineBtBox .line + .line {
  margin-top: 1em;
}
/* line 3560, style.scss */
.lineBtBoxWrap .lineBtBox .line h4 {
  font-size: .9rem;
}
/* line 3563, style.scss */
.lineBtBoxWrap .lineBtBox .line ul {
  justify-content: space-between;
}
/* line 3565, style.scss */
.lineBtBoxWrap .lineBtBox .line ul li {
  width: calc(calc(100% - 8px) / 5);
}
/* line 3567, style.scss */
.lineBtBoxWrap .lineBtBox .line ul li a {
  display: block;
  padding: .3em 0;
  background: #056EBF;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  border: 2px solid #056EBF;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
/* line 3578, style.scss */
.lineBtBoxWrap .lineBtBox .line ul li a.noLink {
  background: #dcdcdc;
  text-shadow: none;
  border-color: #dcdcdc;
  box-shadow: none;
  pointer-events: none;
}
/* line 3585, style.scss */
.lineBtBoxWrap .lineBtBox .line ul li a.space {
  background: transparent;
  color: transparent;
  text-shadow: none;
  border: hidden;
  box-shadow: none;
  pointer-events: none;
}
/* line 3593, style.scss */
.lineBtBoxWrap .lineBtBox .line ul li a span {
  display: inline-block;
  transform: scale(1, 1);
}

/* line 3604, style.scss */
.hover .lineBtBoxWrap .lineBtBox ul li a:hover {
  background: rgba(5, 110, 191, 0.8);
  border-radius: 12px;
}
/* line 3607, style.scss */
.hover .lineBtBoxWrap .lineBtBox ul li a:hover span {
  transform: scale(1.3, 1.3);
}

/* 検索Page
------------------------------------------------------------*/
/* line 3615, style.scss */
.search .thumbnailCard li {
  width: 100%;
}
/* line 3617, style.scss */
.search .thumbnailCard li + li {
  margin-top: 1rem;
  margin-left: 0;
}
/* line 3621, style.scss */
.search .thumbnailCard li a {
  display: flex;
  width: 100%;
}
/* line 3624, style.scss */
.search .thumbnailCard li a .thumbnail {
  width: 30%;
}
/* line 3627, style.scss */
.search .thumbnailCard li a .textWrap {
  width: 70%;
}
/* line 3629, style.scss */
.search .thumbnailCard li a .textWrap h4 {
  font-size: 1.2rem;
}
/* line 3632, style.scss */
.search .thumbnailCard li a .textWrap p {
  position: static;
  height: auto;
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid #dcdcdc;
  overflow: auto;
}
/* line 3639, style.scss */
.search .thumbnailCard li a .textWrap p::before {
  display: none;
}

/* line 3649, style.scss */
.search .thumbnailWrap > *:nth-child(even) + * {
  margin-left: 0;
}
/* line 3652, style.scss */
.search .thumbnailWrap > *:nth-child(n+3) {
  margin-top: 1rem;
}

/*====================
----- レスポンシブ -----
====================*/
@media screen and (max-width: 1120px) {
  /* line 3663, style.scss */
  #wrapper > .inner,
  #footerTop .inner {
    padding: 1.25rem;
  }

  /*--- footer ---*/
  /* line 3669, style.scss */
  #footer .inner {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  /* line 3674, style.scss */
  #footerBottom p {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 1024px) {
  /*=== 共通 ===*/
  /* line 3683, style.scss */
  #wrapper {
    padding-top: 60px;
  }

  /*--- header ---*/
  /* line 3688, style.scss */
  #header {
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: hidden;
    z-index: 501;
  }
  /* line 3694, style.scss */
  #header::before {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(45deg, #E25644, #EA9131, #F2BC32, #62D136, #2DCDD8, #4396D9);
  }

  /* line 3706, style.scss */
  #header .inner {
    padding: 0 0 0 1rem;
  }

  /* line 3710, style.scss */
  #header #headerNavBt {
    display: block;
  }

  /* line 3714, style.scss */
  .headerBottom {
    position: fixed;
    display: block;
    top: 0;
    right: calc(-1 * calc(100% - 60px));
    padding: 1.25rem;
    width: calc(100% - 60px);
    height: 100%;
    background: #fff;
    border-left: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 502;
  }

  /* line 3729, style.scss */
  #headerMenu > ul {
    flex-wrap: wrap;
  }

  /* line 3733, style.scss */
  #headerMenu > ul li + li {
    margin-top: .75rem;
  }

  /* line 3737, style.scss */
  #headerMenu > ul > li {
    width: 100%;
  }

  /* line 3741, style.scss */
  #headerMenu > ul > li + li {
    margin-top: 2.5rem;
  }

  /* line 3745, style.scss */
  #headerMenu > ul > li a {
    line-height: 1.7;
    font-size: 1.2rem;
    text-align: left;
  }

  /* line 3751, style.scss */
  #headerMenu > ul > li > a {
    padding-left: 1rem;
  }
  /* line 3753, style.scss */
  #headerMenu > ul > li > a::before {
    bottom: 0;
    left: 0;
    width: 5px;
    height: 100%;
    border-radius: 2px;
  }

  /* line 3762, style.scss */
  #headerMenu ul[class^="sub"] {
    position: static;
    display: block;
    width: auto;
    margin-top: 1rem;
    padding: 0;
    background: none !important;
    box-shadow: none;
  }
  /* line 3770, style.scss */
  #headerMenu ul[class^="sub"] li a {
    color: #222;
    font-size: 1rem;
    font-weight: normal;
  }

  /* line 3777, style.scss */
  #headerMenu ul li ul[class^="sub"] span.h7 {
    display: none;
  }

  /* line 3781, style.scss */
  #headerMenu ul.sub ul.flex:not(.thumbnailWrap) > li {
    width: 100%;
  }

  /* line 3785, style.scss */
  #headerMenu ul li.subWrap ul.sub > li > ul[class*="Menu"] > li a::before {
    background: none;
  }

  /* line 3790, style.scss */
  #headerMenu ul li.subWrap:first-child ul.sub > li > ul[class*="Menu"] > li a::before {
    border-right-color: #E25644;
    border-bottom-color: #E25644;
  }
  /* line 3794, style.scss */
  #headerMenu ul li.subWrap:nth-child(2) ul.sub > li > ul[class*="Menu"] > li a::before {
    border-right-color: #EA9131;
    border-bottom-color: #EA9131;
  }
  /* line 3798, style.scss */
  #headerMenu ul li.subWrap:nth-child(3) ul.sub > li > ul[class*="Menu"] > li a::before {
    border-right-color: #F2BC32;
    border-bottom-color: #F2BC32;
  }
  /* line 3802, style.scss */
  #headerMenu ul li.subWrap:nth-child(4) ul.sub > li > ul[class*="Menu"] > li a::before {
    border-right-color: #62D136;
    border-bottom-color: #62D136;
  }
  /* line 3806, style.scss */
  #headerMenu ul li.subWrap:nth-child(5) ul.sub > li > ul[class*="Menu"] > li a::before {
    border-right-color: #2DCDD8;
    border-bottom-color: #2DCDD8;
  }
  /* line 3810, style.scss */
  #headerMenu ul li.subWrap:nth-child(6) ul.sub > li > ul[class*="Menu"] > li a::before {
    border-right-color: #4396D9;
    border-bottom-color: #4396D9;
  }

  /*--- thumbnail ---*/
  /* line 3817, style.scss */
  .thumbnailSquare .thumbnail .textWrap {
    width: 50%;
  }

  /* line 3821, style.scss */
  .triple > * {
    width: calc(calc(100% - 1.25rem) / 2);
  }
  /* line 3823, style.scss */
  .triple > *:nth-child(3n) + * {
    margin-left: 1.25rem;
  }
  /* line 3826, style.scss */
  .triple > *:nth-child(2n) + * {
    margin-left: 0;
  }
  /* line 3829, style.scss */
  .triple > *:nth-child(n + 3) {
    margin-top: 1.25rem;
  }

  /*--- topBt ---*/
  /* line 3835, style.scss */
  #topBt {
    bottom: .75rem;
    right: .75rem;
    margin-right: 0;
  }

  /*=== topPage ===*/
  /* line 3842, style.scss */
  .topPage .thumbnailSquare.double > li {
    width: 100%;
  }
  /* line 3844, style.scss */
  .topPage .thumbnailSquare.double > li + li {
    margin-left: 0;
    margin-top: 1.25rem;
  }
  /* line 3849, style.scss */
  .topPage .thumbnailSquare.double > li .thumbnail::before {
    display: none;
  }
  /* line 3852, style.scss */
  .topPage .thumbnailSquare.double > li .thumbnail .thumbnailInner {
    display: flex;
    position: static;
  }
  /* line 3856, style.scss */
  .topPage .thumbnailSquare.double > li .thumbnail .textWrap {
    position: relative;
    min-height: 280px;
  }
  /* line 3859, style.scss */
  .topPage .thumbnailSquare.double > li .thumbnail .textWrap .text {
    padding: 1.25rem;
  }
  /* line 3862, style.scss */
  .topPage .thumbnailSquare.double > li .thumbnail .textWrap.manyWrap:nth-child(2) .text {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  /*=== 全体 ===*/
  /* line 3874, style.scss */
  #wrapper > .inner,
  #footer .inner {
    padding-right: .5rem;
    padding-left: .5rem;
  }

  /* line 3880, style.scss */
  #footerBottom .flex li {
    width: 50%;
    text-align: center;
  }
  /* line 3883, style.scss */
  #footerBottom .flex li:first-child, #footerBottom .flex li:nth-child(2) {
    position: relative;
  }
  /* line 3886, style.scss */
  #footerBottom .flex li:first-child::before, #footerBottom .flex li:nth-child(2)::before {
    position: absolute;
    display: block;
    content: "";
    bottom: -.5rem;
    left: .5rem;
    width: calc(100% - 1rem);
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
  }
  /* line 3897, style.scss */
  #footerBottom .flex li:nth-child(2n) + * {
    border-left: hidden;
  }
  /* line 3900, style.scss */
  #footerBottom .flex li:nth-child(n + 3) {
    margin-top: 1rem;
  }
  /* line 3903, style.scss */
  #footerBottom .flex li a {
    display: block;
    padding: .5rem 0;
    font-size: .9rem;
  }

  /* line 3910, style.scss */
  #footer h3 {
    text-align: center;
  }

  /*--- thumbnail ---*/
  /* line 3915, style.scss */
  .thumbnailCard li a .thumbnail {
    width: 6rem;
  }

  /*=== subPage ===*/
  /* line 3920, style.scss */
  #postHeader h1 {
    font-size: 1.5rem;
  }

  /* line 3924, style.scss */
  #postHeader .postHeaderInner,
  .explanation .explanationInner,
  #postInner,
  .sns,
  .explanation3 {
    padding: 1.25rem;
  }

  /* line 3932, style.scss */
  .pageNav {
    margin-top: .5rem;
  }

  /*=== topPage ===*/
  /* line 3937, style.scss */
  .thumbnailSquare.thumbnailSlide .thumbnail .textWrap:first-child {
    width: 12rem;
  }

  /* line 3941, style.scss */
  .thumbnailSquare.thumbnailSlide .thumbnail .textWrap:nth-child(2) {
    width: calc(100% - 12rem);
  }

  /* line 3945, style.scss */
  .thumbnailSquare .thumbnail .textWrap .text h4 {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  /*=== 全体 ===*/
  /* line 3954, style.scss */
  .double > *,
  .triple > * {
    width: 100%;
  }
  /* line 3957, style.scss */
  .double > * + *, .double > *:nth-child(3n) + *,
  .triple > * + *,
  .triple > *:nth-child(3n) + * {
    margin-left: 0;
    margin-top: 1.25rem;
  }

  /* line 3964, style.scss */
  .explanation2 .explanationInner {
    padding: 2rem calc(2.5rem - .75rem);
  }

  /*=== topPage ===*/
  /* line 3969, style.scss */
  .topPage .thumbnailSquare.double > li .thumbnail .thumbnailInner {
    flex-wrap: wrap;
  }

  /* line 3973, style.scss */
  .topPage .thumbnailSquare.double > li .thumbnail .textWrap {
    min-height: 0;
  }
  /* line 3975, style.scss */
  .topPage .thumbnailSquare.double > li .thumbnail .textWrap .text {
    position: static;
    transform: none;
  }

  /* line 3981, style.scss */
  .thumbnailSquare.thumbnailSlide .thumbnail .textWrap:first-child,
  .thumbnailSquare.thumbnailSlide .thumbnail .textWrap:nth-child(2) {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  /* line 3990, style.scss */
  .explanation2 .explanationInner {
    padding: 1rem calc(1.5rem - .75rem);
  }

  /* line 3994, style.scss */
  .explanation3 .explanationInner {
    padding: 1.5rem;
  }
}