@charset 'UTF-8';
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]),
[hidden] {
  display: none;
}
[class^="ph-"] {
  font-family: Phosphor;
  display: inline-block;
  line-height: 1;
}
@font-face {
  font-family: 'Phosphor';
  src: url(/fonts/Phosphor.eot?7f9dc67fde70d97622173e5b444076d6);
  src: url(/fonts/Phosphor.eot?7f9dc67fde70d97622173e5b444076d6#iefix) format('embedded-opentype'), url(/fonts/Phosphor.woff?8a892ed011457214b46a115a75ff4e22) format('woff'), url(/fonts/Phosphor.ttf?cc87421ddb65ff556278ae974a569b53) format('truetype'), url(/fonts/Phosphor.svg?cec92edd0865801a55969067ad2d15b2#Phosphor) format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  --sb-track-color: #fff;
  --sb-thumb-color: #c0c0c0;
  --sb-size: 10px;
  scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Times New Roman', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
body::-webkit-scrollbar {
  width: var(--sb-size);
}
body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
}
body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
}
body.is-fixed {
  position: fixed;
  left: 0;
}
table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  width: 100%;
}
th,
td {
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  padding: 6px 2px;
}
a {
  color: #f15d69;
  text-decoration: none;
}
img {
  vertical-align: bottom;
}
i {
  font-style: normal;
}
strong {
  font-weight: bold;
}
form {
  font-size: 18px;
}
form input,
form label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  padding: 5px;
}
form textarea {
  font-size: 18px;
}
form select,
form option {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  font-size: 18px;
}
.is-pc {
  display: block;
}
@media only screen and (max-width: 1100px) {
  .is-pc {
    display: none;
  }
}
.is-tablet {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .is-tablet {
    display: block;
  }
}
.is-flex {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: box !important;
  display: flex !important;
}
.is-hide {
  display: none !important;
}
.drawer.drawer--left.drawer-open .drawer-hamburger {
  background-color: #fff;
  right: 0;
}
.drawer-nav {
  background-color: #fff;
  background-image: -webkit-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -webkit-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -moz-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -moz-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -o-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -o-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -ms-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -ms-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: repeating-linear-gradient(to bottom, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), repeating-linear-gradient(to right, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  padding: 10px 0 20px 2px;
  overflow: auto !important;
}
.drawer-nav a {
  color: #555;
}
.drawer-nav nav {
  padding-bottom: 50px;
}
.drawer-menu > li {
  border-bottom: 1px dashed #c0c0c0;
  position: relative;
  padding: 0;
}
.drawer-menu > li > label {
  cursor: pointer;
  display: block;
}
.drawer-menu > li > label ~ .is-plus {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.drawer-menu > li > label ~ .is-minus {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.drawer-menu > li > i {
  position: absolute;
  top: 6px;
  right: 10px;
  color: #555;
  font-size: 24px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.drawer-menu > li > input {
  display: none;
}
.drawer-menu > li > input:checked ~ .is-plus {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.drawer-menu > li > input:checked ~ .is-minus {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.drawer-menu > li > input:checked ~ .drawer-sub-menu {
  border-top: 1px dashed #c0c0c0;
  max-height: 10em;
  padding: 6px 0;
}
.drawer-menu .drawer-menu-item {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding: 12px 4px;
}
.drawer-menu .drawer-menu-item.has-child {
  display: inline-block;
}
.drawer-menu h2 {
  border-bottom: 6px double #f2d324;
  font-size: 16px;
  font-weight: bold;
  margin: 8px 0 10px;
  line-height: 1;
  padding: 8px 0 8px 22px;
  position: relative;
}
.drawer-menu h2 > i {
  position: absolute;
  bottom: 8px;
  left: 0;
  font-size: 18px;
}
.drawer-menu .drawer-sub-menu {
  margin: 0;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.drawer-menu .drawer-sub-menu .drawer-menu-item {
  font-weight: normal;
  padding: 8px 6px;
  position: relative;
}
.drawer-menu .drawer-sub-menu .drawer-menu-item > i {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 16px;
  margin-top: -8px;
  position: relative;
  top: 1px;
}
.drawer-menu.menu-muroto > label {
  cursor: pointer;
  display: block;
  position: relative;
}
.drawer-menu.menu-muroto > label .drawer-brand .is-plus,
.drawer-menu.menu-muroto > label .drawer-brand .is-minus {
  position: absolute;
  top: 3px;
  right: 10px;
  color: #555;
  font-size: 24px;
  font-weight: normal;
  left: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.drawer-menu.menu-muroto > label .drawer-brand .is-plus {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.drawer-menu.menu-muroto > label .drawer-brand .is-minus {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.drawer-menu.menu-muroto > input {
  display: none;
}
.drawer-menu.menu-muroto > input:checked + label .is-plus {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.drawer-menu.menu-muroto > input:checked + label .is-minus {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.drawer-menu.menu-muroto > input:checked + label ~ .drawer-sub-menu {
  max-height: 10em;
  padding: 6px 0;
}
.map {
  display: none;
}
.map.is-show {
  width: 100%;
  height: 600px;
  display: block;
  margin-bottom: 20px;
}
.map.is-show.post {
  height: 350px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1100px) {
  .map.is-show {
    height: 370px;
  }
  .map.is-show.post {
    height: 350px;
  }
}
.popup-bubble {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
  font-family: sans-serif;
  max-height: 60px;
  padding: 5px;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  overflow-y: auto;
}
.popup-bubble-anchor {
  position: absolute;
  left: 0;
  bottom: 8px;
  width: 100%;
}
.popup-bubble-anchor::after {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #fff;
  content: "";
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.popup-container {
  width: 200px;
  height: 0px;
  cursor: auto;
  position: absolute;
}
.alert {
  border: 1px solid #f15d69;
  margin-bottom: 20px;
  padding: 20px;
}
.alert > li {
  color: #f15d69;
  font-weight: bold;
}
.btn a.is-admin {
  background-color: #f3f3f3;
  border: 2px solid #c0c0c0;
  border-radius: 6px;
  color: #555;
  display: block;
  font-weight: bold;
  padding: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn a.is-admin:hover {
  color: #fff;
  background-color: #c0c0c0;
}
.btn a.is-long {
  width: 300px;
}
.btn a.is-short {
  width: 150px;
}
.btn_create {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.btn_create a {
  display: block;
  margin: 35px 15px 20px 0;
}
.sns_icons {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.sns_icons .sns_icon {
  margin-right: 10px;
  text-align: center;
}
.sns_icons .sns_icon a {
  width: 60px;
  height: 60px;
  border: 2px solid #555;
  border-radius: 6px;
  color: #555;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  align-imtes: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 5px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.sns_icons .sns_icon a:hover {
  border-color: #008fb3;
  color: #008fb3;
}
.sns_icons .sns_icon i {
  font-size: 60px;
  line-height: 60px;
}
.sns_icons .sns_icon.line {
  position: relative;
}
.sns_icons .sns_icon.line a {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  font-weight: bold;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.sns_icons .sns_icon.line i {
  position: absolute;
  top: 6px;
  left: 5px;
  font-size: 64px;
  font-weight: normal;
  line-height: 64px;
}
.sns_icons .sns_icon span {
  display: inline-block;
  font-size: 14px;
  margin-top: 5px;
}
.sns_icons .balloon {
  background-color: #e9e9e9;
  color: #666;
  font-family: 'Mynerve', cursive;
  font-size: 14px;
  margin-left: 10px;
  padding: 12px 8px;
  position: relative;
}
.sns_icons .balloon:before {
  position: absolute;
  top: 50%;
  left: -26px;
  border: 15px solid transparent;
  border-right: 15px solid #e9e9e9;
  content: "";
  margin-top: -15px;
}
@media only screen and (max-width: 1100px) {
  .sns_icons .sns_icon {
    margin: 0 5px;
  }
  .sns_icons .sns_icon a {
    width: 50px;
    height: 50px;
  }
  .sns_icons .sns_icon i {
    font-size: 50px;
    line-height: 50px;
  }
  .sns_icons .sns_icon.line {
    font-size: 13px;
  }
  .sns_icons .sns_icon.line i {
    left: 4px;
    font-size: 56px;
    line-height: 54px;
  }
}
.main_admin > section > h2,
.archive_relation > h2 {
  background-color: #e6e6e6;
  font-size: 20px;
  position: relative;
  padding: 30px 20px;
  outline: solid 1px #c0c0c0;
  outline-offset: 5px;
  font-weight: bold;
  margin-bottom: 20px;
}
.ttl_label {
  background-color: #f9bbc0;
  font-size: 24px;
  position: relative;
  padding: 30px 20px;
  outline: solid 1px #f15d69;
  outline-offset: 5px;
  background-image: -webkit-linear-gradient(315deg, #fff 25%, transparent 25%), -webkit-linear-gradient(225deg, #fff 25%, transparent 25%), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%), -webkit-linear-gradient(135deg, #fff 25%, #f7f7f7 25%);
  background-image: -moz-linear-gradient(315deg, #fff 25%, transparent 25%), -moz-linear-gradient(225deg, #fff 25%, transparent 25%), -moz-linear-gradient(45deg, #fff 25%, transparent 25%), -moz-linear-gradient(135deg, #fff 25%, #f7f7f7 25%);
  background-image: -o-linear-gradient(315deg, #fff 25%, transparent 25%), -o-linear-gradient(225deg, #fff 25%, transparent 25%), -o-linear-gradient(45deg, #fff 25%, transparent 25%), -o-linear-gradient(135deg, #fff 25%, #f7f7f7 25%);
  background-image: -ms-linear-gradient(315deg, #fff 25%, transparent 25%), -ms-linear-gradient(225deg, #fff 25%, transparent 25%), -ms-linear-gradient(45deg, #fff 25%, transparent 25%), -ms-linear-gradient(135deg, #fff 25%, #f7f7f7 25%);
  background-image: linear-gradient(135deg, #fff 25%, transparent 25%), linear-gradient(225deg, #fff 25%, transparent 25%), linear-gradient(45deg, #fff 25%, transparent 25%), linear-gradient(315deg, #fff 25%, #f7f7f7 25%);
  background-position: 20px 0, 20px 0, 0 0, 0 0;
  background-size: 20px 20px;
  background-repeat: repeat;
  font-weight: bold;
  margin: 20px;
}
.is-strong {
  font-weight: bold;
}
hr.fade {
  background-image: -webkit-linear-gradient(0deg, rgba(167,167,167,0), #a7a7a7 50%, rgba(167,167,167,0) 100%);
  background-image: -moz-linear-gradient(0deg, rgba(167,167,167,0), #a7a7a7 50%, rgba(167,167,167,0) 100%);
  background-image: -o-linear-gradient(0deg, rgba(167,167,167,0), #a7a7a7 50%, rgba(167,167,167,0) 100%);
  background-image: -ms-linear-gradient(0deg, rgba(167,167,167,0), #a7a7a7 50%, rgba(167,167,167,0) 100%);
  background-image: linear-gradient(90deg, rgba(167,167,167,0), #a7a7a7 50%, rgba(167,167,167,0) 100%);
  background-position: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #a7a7a7;
  content: "";
  margin: 1.35em auto;
  max-width: 100%;
  height: 2px;
}
.is-fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.is-fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.totop a {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 64px;
  height: 64px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  border: 2px solid #008fb3;
  background-color: #fff;
  border-radius: 6px;
  color: #555;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.totop a > i {
  font-size: 52px;
}
.totop a:hover {
  border-color: #f2d324;
  color: #008fb3;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media only screen and (max-width: 800px) {
  .totop a {
    bottom: 10px;
    right: 10px;
    width: 52px;
    height: 52px;
  }
  .totop a > i {
    font-size: 42px;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.adminBar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #555;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 10px;
  width: 100%;
}
.adminBar a {
  color: #fff;
}
.adminBar a:hover {
  text-decoration: underline;
}
.adminBar span {
  padding: 0 5px;
}
.adminBar_user {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.adminBar_user > div {
  margin-left: 20px;
}
header {
  background-color: #fff;
  background-image: -webkit-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -webkit-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -moz-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -moz-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -o-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -o-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -ms-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -ms-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: repeating-linear-gradient(to bottom, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), repeating-linear-gradient(to right, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  position: fixed;
  left: 0;
  top: 0;
  width: 300px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 10px 60px;
  overflow-y: auto;
  overscroll-behavior: none;
}
header::-webkit-scrollbar {
  display: none;
}
header .header_logo {
  border-bottom: 3px solid #f2d324;
  margin-bottom: 16px;
  text-align: center;
}
header .header_logo h1 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
header .header_logo h1 > a {
  color: #555;
}
header .header_logo h1 > a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
header .header_logo p {
  color: #2c1600;
  font-size: 15px;
  margin-bottom: 10px;
  padding: 0;
}
header .header_logo span {
  display: inline-block;
  margin: 0 8px;
}
header h2 {
  border-bottom: 3px solid #f2d324;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
  padding: 0 0 8px 29px;
  position: relative;
}
header h2:before {
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 4px;
  background-color: #f2d324;
  content: "";
  display: block;
  z-index: 10;
}
header h2 b {
  font-size: 22px;
}
header h2 i {
  position: absolute;
  left: 0;
  bottom: 7px;
  font-size: 24px;
}
header .info {
  font-size: 16px;
  margin-left: 22px;
  line-height: 1.5;
}
header .sns_icons {
  margin: 5px 0 30px 20px;
}
@media only screen and (max-width: 1100px) {
  header {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ccc;
    padding: 20px 10px 5px;
  }
  header .header_logo {
    border-bottom: none;
    margin-bottom: 0;
  }
  header .header_logo h1 {
    font-size: 24px;
  }
  header .header_logo p {
    font-size: 13px;
  }
  header .sns_icons {
    display: none;
  }
}
.header_menu {
  display: block;
  margin-bottom: 22px;
}
.header_menu li:hover .header_subMenu {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.header_menu li .header_subMenu {
  background-color: #fff;
  background-image: -webkit-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -webkit-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -moz-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -moz-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -o-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -o-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -ms-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -ms-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: repeating-linear-gradient(to bottom, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), repeating-linear-gradient(to right, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  position: fixed;
  left: 270px;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  width: 300px;
  z-index: 100000;
}
.header_menu li .header_subMenu:hover {
  display: block;
}
.header_menu li > a {
  background-color: transparent;
  color: #333;
  display: block;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding: 12px 3px 12px 20px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.header_menu li > a:hover {
  background-color: #b3f0ff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.header_menu li > a i {
  font-size: 14px;
  margin-right: 6px;
}
.header_menu.is-admin li > a:hover {
  background-color: #d4d4d4;
}
footer {
  background-color: #fff;
  background-image: -webkit-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -webkit-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -moz-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -moz-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -o-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -o-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: -ms-repeating-linear-gradient(top, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), -ms-repeating-linear-gradient(left, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  background-image: repeating-linear-gradient(to bottom, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px), repeating-linear-gradient(to right, transparent 25px, rgba(0,0,0,0.04) 26px, rgba(0,0,0,0.04) 26px, transparent 27px, transparent 51px, rgba(0,0,0,0.04) 52px, rgba(0,0,0,0.04) 52px, transparent 53px, transparent 77px, rgba(0,0,0,0.04) 78px, rgba(0,0,0,0.04) 78px, transparent 79px, transparent 103px, rgba(0,0,0,0.04) 104px, rgba(0,0,0,0.04) 104px, transparent 105px, transparent 129px, rgba(0,0,0,0.04) 130px, rgba(0,0,0,0.04) 130px);
  border-top: 5px double #f2d324;
  padding: 60px 0 60px 300px;
}
footer .copy {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  z-index: 100;
}
footer .copy a {
  color: #555;
}
@media only screen and (max-width: 1100px) {
  footer {
    padding: 40px 0;
  }
}
.main {
  padding-left: 300px;
  margin-bottom: 90px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.main.is-fadeIn {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media only screen and (max-width: 1100px) {
  .main {
    padding-left: 0;
    padding-top: 84px;
  }
}
.main_admin > section {
  padding: 20px;
}
.archive_query {
  margin: 0 20px;
}
.archive_query_inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.archive_query_box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 20%;
}
.archive_query_box a {
  display: block;
  padding: 10px;
}
.archive_query_box h3 {
  color: #555;
  font-size: 18px;
  line-height: 1.26;
  padding: 5px 0 10px;
}
.archive_query_box .query_thumb {
  position: relative;
  width: 100%;
}
.archive_query_box .query_thumb:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.archive_query_box .query_thumb.is-good:before {
  position: absolute;
  top: 2px;
  right: -9px;
  width: 60px;
  height: 34px;
  background-color: #ed2e3e;
  border: 1px solid #f6959d;
  content: "今旬";
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.archive_query_box .query_thumb > img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.archive_query_box:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.archive_query_box .query_thumb_tags {
  position: absolute;
  bottom: 6px;
  right: 3px;
  font-size: 16px;
}
.archive_query_box .query_thumb_tags span {
  background-color: #00b8e6;
  color: #fff;
  display: inline-block;
  margin-right: 3px;
  padding: 6px 10px;
}
@media only screen and (max-width: 1600px) {
  .archive_query_box {
    width: 25%;
  }
}
@media only screen and (max-width: 1200px) {
  .archive_query_box {
    width: 33.3%;
  }
}
@media only screen and (max-width: 800px) {
  .archive_query_box {
    width: 50%;
  }
  .archive_query_box h3 {
    font-size: 16px;
  }
  .archive_query_box .query_thumb.is-good:before {
    width: 50px;
    height: 30px;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
  }
  .archive_query_box .query_thumb_tags {
    font-size: 13px;
  }
  .archive_query_box a {
    padding: 5px;
  }
}
@media only screen and (max-width: 480px) {
  .archive_query_box h3 {
    font-size: 16px;
  }
  .archive_query_box .query_thumb.is-good:before {
    width: 46px;
    height: 24px;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
  }
}
.query_noimg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fdeee4;
  color: #555;
  padding: 10px;
}
.query_noimg p {
  font-size: 18px;
  color: #333;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 10px;
  line-height: 1.7;
  padding-bottom: 10px;
}
.query_noimg p i {
  position: relative;
  top: 3px;
  margin: 0 2px;
}
.query_noimg .sns_icons {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.query_noimg .sns_icons li {
  width: 4vw;
  height: 4vw;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  border: 2px solid #6e6e6e;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0.3vw;
}
.query_noimg .sns_icons li.line {
  position: relative;
}
.query_noimg .sns_icons li.line i:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.query_noimg .sns_icons li.line span {
  font-size: 18px;
}
.query_noimg .sns_icons i {
  color: #6e6e6e;
  font-size: 32px;
}
@media only screen and (max-width: 1400px) {
  .query_noimg p {
    font-size: 16px;
  }
  .query_noimg .sns_icons li.line span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1300px) {
  .query_noimg p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1200px) {
  .query_noimg .sns_icons li {
    width: 6vw;
    height: 6vw;
  }
}
@media only screen and (max-width: 800px) {
  .query_noimg p {
    font-size: 14px;
  }
  .query_noimg .sns_icons li {
    width: 12vw;
    height: 12vw;
  }
}
@media only screen and (max-width: 480px) {
  .query_noimg p {
    border-bottom: none;
  }
  .query_noimg .sns_icons {
    display: none;
  }
}
.query_tabBtns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.query_tabBtns > li {
  border: 2px solid #008fb3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  margin: 0 10px 10px 0;
  padding: 20px 0;
  text-align: center;
  width: 180px;
}
.query_tabBtns > li.is-active {
  background-color: #008fb3;
  color: #fff;
}
.query_tabBtns > li:hover {
  background-color: #008fb3;
  color: #fff;
}
@media only screen and (max-width: 640px) {
  .query_tabBtns {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .query_tabBtns li {
    margin-right: 0;
    width: 49%;
  }
}
.adminBar {
  z-index: 1;
}
header {
  z-index: 10;
}
@media only screen and (max-width: 1100px) {
  header {
    z-index: 10000;
  }
}
.header_menu li:before {
  z-index: 1;
}
.header_menu li:after {
  z-index: 2;
}
footer {
  z-index: 100;
}
.archive_query_box .query_thumb.is-good:before {
  z-index: 1;
}
.archive_query_box .query_thumb > img {
  z-index: -1;
}
.totop a {
  z-index: 1000000;
}
.relation_query .relation_query_thumb.is-good:before {
  z-index: 1000;
}
.drawer .drawer-button {
  z-index: 10000;
}
.drawer .drawer-overlay {
  z-index: 10000;
}
.drawer .drawer-nav {
  z-index: 1000000;
}
.post_ttl {
  background-image: -webkit-linear-gradient(315deg, #fff 25%, transparent 25%), -webkit-linear-gradient(225deg, #fff 25%, transparent 25%), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%), -webkit-linear-gradient(135deg, #fff 25%, #f7f7f7 25%);
  background-image: -moz-linear-gradient(315deg, #fff 25%, transparent 25%), -moz-linear-gradient(225deg, #fff 25%, transparent 25%), -moz-linear-gradient(45deg, #fff 25%, transparent 25%), -moz-linear-gradient(135deg, #fff 25%, #f7f7f7 25%);
  background-image: -o-linear-gradient(315deg, #fff 25%, transparent 25%), -o-linear-gradient(225deg, #fff 25%, transparent 25%), -o-linear-gradient(45deg, #fff 25%, transparent 25%), -o-linear-gradient(135deg, #fff 25%, #f7f7f7 25%);
  background-image: -ms-linear-gradient(315deg, #fff 25%, transparent 25%), -ms-linear-gradient(225deg, #fff 25%, transparent 25%), -ms-linear-gradient(45deg, #fff 25%, transparent 25%), -ms-linear-gradient(135deg, #fff 25%, #f7f7f7 25%);
  background-image: linear-gradient(135deg, #fff 25%, transparent 25%), linear-gradient(225deg, #fff 25%, transparent 25%), linear-gradient(45deg, #fff 25%, transparent 25%), linear-gradient(315deg, #fff 25%, #f7f7f7 25%);
  background-position: 20px 0, 20px 0, 0 0, 0 0;
  background-size: 20px 20px;
  background-repeat: repeat;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 1.26;
  padding: 20px 10px;
}
@media only screen and (max-width: 860px) {
  .post_ttl {
    font-size: 22px;
  }
}
.icon_ttl {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 15px;
  border-bottom: 2px solid #f2d324;
}
.icon_ttl > i {
  position: relative;
  top: -3px;
  background-color: #f2d324;
  border-radius: 50%;
  font-size: 24px;
  font-weight: bold;
  display: block;
  margin-right: 3px;
  padding: 8px;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
@media only screen and (max-width: 860px) {
  .icon_ttl {
    font-size: 16px;
  }
}
.post_detail {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 23px;
  padding: 33px 20px 20px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.post_detail .post_gallery {
  margin-top: -5px;
  width: 100%;
}
.post_detail .post_gallery ul {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: auto;
  max-width: 1000px;
  width: 80%;
}
.post_detail .post_gallery ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 150px;
  padding: 5px;
  width: 24%;
}
.post_detail .post_gallery ul li a {
  display: block;
  margin: auto;
  position: relative;
  overflow: hidden;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.post_detail .post_gallery ul li a:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.post_detail .post_gallery ul li a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.post_detail .post_gallery ul li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post_detail .post_gallery ul li:first-child {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  max-width: 100%;
}
.post_detail .post_gallery ul li:first-child a {
  max-width: 600px;
  margin: auto;
}
.post_detail .post_gallery ul li:first-child a:before {
  padding-top: 75%;
}
.post_detail .post_gallery.is_half {
  width: 60%;
}
.post_detail .post_gallery.is_half ul li:first-child {
  width: 100%;
}
.post_detail .post_links .youtube {
  aspect-ratio: 16/9;
  margin-bottom: 10px;
  width: 100%;
}
.post_detail .post_links .youtube iframe {
  width: 100%;
  height: 100%;
}
.post_detail .post_links.is_half {
  width: 40%;
}
.post_detail .post_links a {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border: 2px solid #008fb3;
  border-radius: 4px;
  color: #555;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
  padding: 15px 5px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: auto;
}
.post_detail .post_links a:hover {
  border-color: #f2d324;
  color: #008fb3;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.post_detail .post_links a i {
  position: relative;
  top: 3px;
  margin-right: 2px;
  font-size: 18px;
}
.post_detail .post_noimg {
  margin-right: 20px;
  padding: 20px;
  width: 100%;
}
.post_detail .post_noimg.is_half {
  width: 50%;
}
.post_detail .post_noimg p {
  margin-bottom: 20px;
  line-height: 1.5;
}
.post_detail .post_noimg p i {
  position: relative;
  top: 3px;
  margin: 0 2px;
}
@media only screen and (max-width: 860px) {
  .post_detail {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding: 20px 10px 0;
  }
  .post_detail .post_gallery {
    margin-bottom: 20px;
  }
  .post_detail .post_gallery ul {
    margin: auto;
    width: 100%;
  }
  .post_detail .post_gallery ul li,
  .post_detail .post_gallery ul li:first-child {
    margin-bottom: 0;
    max-width: 100%;
    min-width: 160px;
    width: 33.3%;
  }
  .post_detail .post_gallery ul li a:before,
  .post_detail .post_gallery ul li:first-child a:before {
    padding-top: 100%;
  }
  .post_detail .post_gallery.is_half {
    width: 100%;
  }
  .post_detail .post_gallery.is_half ul {
    margin: auto;
  }
  .post_detail .post_gallery.is_half ul li,
  .post_detail .post_gallery.is_half ul li:first-child {
    margin-bottom: 0;
    width: 33.3%;
    min-width: 160px;
  }
  .post_detail .post_gallery.is_half ul li a:before,
  .post_detail .post_gallery.is_half ul li:first-child a:before {
    padding-top: 100%;
  }
  .post_detail .post_links.is_half {
    width: 100%;
  }
  .post_detail .post_noimg.is_half {
    text-align: center;
    width: 100%;
  }
  .post_detail .post_noimg .sns_icons {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 520px) {
  .post_detail .post_gallery ul li,
  .post_detail .post_gallery ul li:first-child {
    width: 50%;
  }
  .post_detail .post_gallery.is_half ul li,
  .post_detail .post_gallery.is_half ul li:first-child {
    width: 50%;
  }
}
.post_content {
  font-size: 18px;
  line-height: 1.6;
  max-width: 1000px;
  margin: 0 auto 33px;
}
.post_content p {
  margin: 0 20px 10px;
  padding: 10px;
}
.post_month {
  margin: 0 20px 33px;
}
.post_month ul {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.post_month li {
  border-bottom: 5px solid #c0c0c0;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0.25vw;
  width: 5vw;
}
.post_month li.is-good {
  border-bottom: 5px solid #f2d324;
}
@media only screen and (max-width: 800px) {
  .post_month li {
    width: 22px;
  }
}
.post_relation {
  margin: 0 20px;
}
.relation_query {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.relation_query li {
  box-sizinb: border-box;
  margin: 0 1% 10px;
  width: 46%;
}
.relation_query li a {
  color: #555;
  background-color: #fff;
  border: 2px solid #008fb3;
  border-radius: 2px;
  display: block;
  padding: 10px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.relation_query li a:hover {
  background-color: #e6faff;
}
.relation_query li .relation_query_label {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.26;
  margin-bottom: 10px;
}
.relation_query li .relation_query_inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.relation_query li .relation_query_thumb {
  min-width: 180px;
  position: relative;
  width: 180px;
}
.relation_query li .relation_query_thumb:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.relation_query li .relation_query_thumb > img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.relation_query li .relation_query_thumb.is-good:before {
  position: absolute;
  top: 2px;
  right: -9px;
  width: 56px;
  height: 32px;
  background-color: #ed2e3e;
  border: 1px solid #f6959d;
  content: "今旬";
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.relation_query li .relation_query_txt {
  width: auto;
  height: 100%;
  padding-bottom: 30px;
  position: relative;
}
.relation_query li .relation_query_content {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  overflow: hidden;
  font-size: 16px;
  margin: 10px 10px 10px 15px;
  line-height: 1.6;
}
.relation_query li .relation_query_tags {
  position: absolute;
  bottom: 6px;
  right: 6px;
  font-size: 18px;
  font-weight: bold;
}
.relation_query li .relation_query_tags span {
  background-color: #00b8e6;
  display: inline-block;
  margin-right: 3px;
  padding: 6px 10px;
}
.relation_query .query_noimg p {
  font-size: 15px;
}
.relation_query .query_noimg .sns_icons li {
  width: 64px;
  height: 64px;
  border: 1px solid #6e6e6e;
}
@media only screen and (max-width: 1400px) {
  .relation_query {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 860px) {
  .relation_query {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0;
  }
  .relation_query li {
    margin: 0 0 10px;
    width: 49%;
  }
  .relation_query li .relation_query_thumb {
    width: 150px;
    min-width: 150px;
  }
  .relation_query li .relation_query_content {
    font-size: 14px;
  }
  .relation_query li .relation_query_tags span {
    font-size: 14px;
  }
  .relation_query .query_noimg p {
    font-size: 14px;
    border-bottom: none;
  }
  .relation_query .query_noimg .sns_icons {
    display: none;
  }
}
@media only screen and (max-width: 720px) {
  .relation_query li {
    width: 100%;
  }
  .relation_query li .relation_query_thumb {
    width: 120px;
    min-width: 120px;
  }
}
.relation_query li.eating a {
  border-color: #f58c94;
}
.relation_query li.eating a .relation_query_tags span {
  background-color: #f58c94;
}
.relation_query li.festival a {
  border-color: #f1b85d;
}
.relation_query li.festival a .relation_query_tags span {
  background-color: #f1b85d;
}
.relation_query li.tradition a {
  border-color: #d8f15d;
}
.relation_query li.tradition a .relation_query_tags span {
  background-color: #d8f15d;
}
.relation_query li.powerspot a {
  border-color: #5df167;
}
.relation_query li.powerspot a .relation_query_tags span {
  background-color: #5df167;
}
.relation_query li.industry a {
  border-color: #5df1db;
}
.relation_query li.industry a .relation_query_tags span {
  background-color: #5df1db;
}

.read-more-btn {
    margin-top: 8px;
    text-align: center;
  }
  
  .read-more-btn span {
    display: inline-block;
    padding: 6px 12px;
    background-color: #f15d69;
    color: white;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .read-more-btn span:hover {
    background-color: #d94a56;
  }
  
  .relation_query_content {
    line-height: 1.6;
    word-wrap: break-word;
  }
  
  .relation_query_content.expanded {
    display: block !important;
    -webkit-line-clamp: none !important;
  }