@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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html, body {
  height: 100%;
}

a {
  outline: none;
}

strong, em {
  font-weight: bold;
}

img, svg {
  vertical-align: top;
}

input, textarea, select, button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-family: "HGMaruGothicMPRO","FOT-筑紫A丸ゴシック Std M","TsukuARdGothicStd-M";
  outline: none;
  padding: 0;
  vertical-align: middle;
}
.ie input, .ie textarea, .ie select, .ie button {
  font-family:"HGMaruGothicMPRO","FOT-筑紫A丸ゴシック Std M","TsukuARdGothicStd-M";
}

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="button"],
input[type="submit"],
textarea,
select,
button {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="button"],
input[type="submit"],
textarea,
button {
  -webkit-appearance: none;
}

textarea {
  resize: none;
}

input[type="button"],
input[type="submit"],
button {
  background: none;
  border: 0;
  cursor: pointer;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 100px #fff inset;
}

@media print, screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
a {
  color: #333;
  text-decoration: none;
}

.btn, .btnBox input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  position: relative;
  text-align: center;
}

.btnMain, .btnBox input {
  -moz-transition: background-color 120ms, color 120ms;
  -o-transition: background-color 120ms, color 120ms;
  -webkit-transition: background-color 120ms, color 120ms;
  transition: background-color 120ms, color 120ms;
  background: #333;
  border: 2px solid #333;
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .no-touch .btnMain:hover, .no-touch .btnBox input:hover, .btnBox .no-touch input:hover {
    background: #fff;
    color: #333;
  }
}

@media print, screen and (min-width: 768px) {
  .no-touch a:hover .icoSns:before {
    background-position: right 0;
  }
  .white a:hover .icoSns:before {
    background-position: 0 0;
  }
}

.icoCat {
  height: 0;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  padding-top: 50px;
  position: relative;
  vertical-align: middle;
  width: 50px;
}
.icoCat:before, .icoCat:after {
  background-repeat: no-repeat;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.icoCat:before {
  -moz-transition: -moz-transform 780ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: -o-transform 780ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: -webkit-transform 780ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 780ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.icoCat:after {
  background: url(../images/common/ico-cat-white.png) no-repeat;
  -moz-background-size: auto 200%;
  -o-background-size: auto 200%;
  -webkit-background-size: auto 200%;
  background-size: auto 200%;
}
.icoCat.work:before {
  background-image: url(../images/common/bg-ico-cat-work.png);
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
.icoCat.eat:before {
  background-image: url(../images/common/bg-ico-cat-eat.png);
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
.icoCat.eat:after {
  background-position: 0 bottom;
}
.icoCat.live:before {
  background-image: url(../images/common/bg-ico-cat-live.png);
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
.icoCat.live:after {
  background-position: right 0;
}
.icoCat.join:before {
  background-image: url(../images/common/bg-ico-cat-join.png);
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
.icoCat.join:after {
  background-position: right bottom;
}
@media print, screen and (min-width: 768px) {
  .no-touch a:hover .icoCat:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .no-touch a:hover .icoCat:not(.white):before {
    background-position: right 0;
  }
}
.icoCat.white {
  padding-top: 70px;
  width: 70px;
}
.icoCat.white:before {
  background-image: url(../images/common/bg-ico-cat-white_pc.png);
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icoCat.white:before {
    background-image: url(../images/common/bg-ico-cat-white_sp.png);
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.icoCat.animate:before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.icoSpecial {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #fff;
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  padding: 18px 15px 16px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 150px;
}
@media screen and (max-width: 767px) {
  .icoSpecial {
    font-size: 13px;
    padding: 10px;
    width: 90px;
  }
}

.hgroup {
  position: relative;
}

.txts p {
  margin-bottom: 1em;
}
.txts p:last-child {
  margin-bottom: 0;
}

table {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
table th, table td {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
}

.tagList {
  font-size: 0;
  margin-bottom: -10px;
  overflow: hidden;
}
.tagList li {
  display: inline-block;
  font-size: 14px;
  line-height: 1.1428571429;
  margin: 0 10px 10px 0;
}
.tagList li a {
  -moz-transition: background-color 120ms, color 120ms;
  -o-transition: background-color 120ms, color 120ms;
  -webkit-transition: background-color 120ms, color 120ms;
  transition: background-color 120ms, color 120ms;
  background: #fff;
  display: block;
  padding: 5px 12px;
}
.tagList li.current a {
  background: #333;
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .no-touch .tagList li a:hover {
    background: #333;
    color: #fff;
  }
}

.overlay {
  background: rgba(0, 0, 0, 0.6);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 900;
}

.breadcrumbs {
  background: #f5f5f5;
  font-size: 0;
  position: relative;
  z-index: 2;
}
.breadcrumbs li {
  float: left;
  font-size: 12px;
  line-height: 1.6666666667;
}
.breadcrumbs li a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  display: block;
  height: 40px;
  padding: 10px 29px 0 17px;
  position: relative;
}
.breadcrumbs li a:before, .breadcrumbs li a:after {
  border-color: transparent transparent transparent #ccc;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  content: '';
  display: block;
  right: 0;
  position: absolute;
  top: 0;
}
.breadcrumbs li a:after {
  border-color: transparent transparent transparent #f5f5f5;
  right: 1px;
}
.breadcrumbs li:first-child a {
  padding-left: 22px;
}
.breadcrumbs li:last-child {
  float: none;
}
.breadcrumbs li:last-child a {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  padding-right: 22px;
  white-space: nowrap;
}
.breadcrumbs li:last-child a:before, .breadcrumbs li:last-child a:after {
  display: none;
}

@media screen and (max-width: 960px) {
  .breadcrumbs {
    display: none;
  }
}
.wp-pagenavi {
  font-size: 0;
  margin: 50px 0 0;
  text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: background-color 120ms, border-color 120ms, color 120ms;
  -o-transition: background-color 120ms, border-color 120ms, color 120ms;
  -webkit-transition: background-color 120ms, border-color 120ms, color 120ms;
  transition: background-color 120ms, border-color 120ms, color 120ms;
  background: #fff;
  border: 1px solid #ccc;
  color: #000;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
  margin: 10px 5px 0;
  min-width: 30px;
  overflow: hidden;
  padding: 1px 3px 0;
  text-decoration: none;
  vertical-align: top;
}
.wp-pagenavi .current {
  background-color: #333;
  border-color: #333;
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .no-touch .wp-pagenavi a:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
  }
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  height: 0;
  overflow: hidden;
  white-space: nowrap;
  padding: 28px 0 0;
  position: relative;
  width: 40px;
}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before {
  background: url(../images/common/arrow-pager.png) no-repeat;
  -moz-background-size: 12px auto;
  -o-background-size: 12px auto;
  -webkit-background-size: 12px auto;
  background-size: 12px auto;
  bottom: 0;
  content: '';
  display: block;
  height: 12px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 6px;
}
.wp-pagenavi .previouspostslink:before {
  left: 16px;
}
@media print, screen and (min-width: 768px) {
  .no-touch .wp-pagenavi .previouspostslink:hover:before {
    background-position: right 0;
  }
}
.wp-pagenavi .nextpostslink:before {
  background-position: 0 bottom;
  right: 16px;
}
@media print, screen and (min-width: 768px) {
  .no-touch .wp-pagenavi .nextpostslink:hover:before {
    background-position: right bottom;
  }
}
.archive .wp-pagenavi a,
.archive .wp-pagenavi span, .feature .wp-pagenavi a,
.feature .wp-pagenavi span {
  border-color: #fff;
}
.archive .wp-pagenavi .current, .feature .wp-pagenavi .current {
  border-color: #333;
}
@media print, screen and (min-width: 768px) {
  .no-touch .archive .wp-pagenavi a:hover, .no-touch .feature .wp-pagenavi a:hover {
    border-color: #333;
  }
}

@media screen and (max-width: 767px) {
  .wp-pagenavi {
    margin-top: 34px;
  }
  .wp-pagenavi a,
  .wp-pagenavi span {
    line-height: 28px;
    padding-top: 0;
  }
}
.sliderWrap {
  background: #fff;
  opacity: 0;
  position: relative;
}
.sliderWrap .slider {
  position: relative;
}
.sliderWrap .slider .entry {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #000;
  height: 435px;
  overflow: hidden;
  position: relative;
  width: 100% !important;
}
.sliderWrap .slider .entry > a {
  display: block;
  height: 100%;
}
.sliderWrap .slider .entry .entryImg {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  opacity: .9;
  position: absolute;
  right: 0;
  top: 0;
}
.sliderWrap .slider .entry .entryContent {
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 2;
}
.sliderWrap .slider .entry .entryInner {
  color: #fff;
  display: table-cell;
  padding: 0 120px 38px;
  text-align: center;
  vertical-align: middle;
}
.sliderWrap .slider .entry .entryTit {
  font-size: 43px;
  font-weight: bold;
  line-height: 1.3953488372;
  margin: 0 auto;
  max-width: 800px;
}
.sliderWrap .slider .entry .entryData {
  font-size: 0;
  margin-bottom: 17px;
}
.sliderWrap .slider .entry .entryData p {
  display: inline-block;
  vertical-align: middle;
}
.sliderWrap .slider .entry .entryData p + p {
  margin-left: 20px;
}
.sliderWrap .slider .entry .entryData .number {
  font-family: "Josefin Sans", sans-serif;
  font-size: 32px;
  position: relative;
  top: 2px;
}
.sliderWrap .slider .entry .entryData .category {
  font-size: 18px;
  font-weight: bold;
  min-width: 192px;
  padding-top: 2px;
  text-align: left;
}
.sliderWrap .slider .entry .entryData .category .icoCat {
  margin: -2px 20px 0 0;
  padding-top: 100px;
  width: 100px;
}
.sliderWrap .slider .entry .entryData .icoSpecial {
  margin-bottom: 8px;
}
@media print, screen and (min-width: 768px) {
  .no-touch .sliderWrap .slider .entry a:hover .icoCat:before {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    background-position: 0 0;
  }
}
.sliderWrap .bx-pager {
  bottom: 22px;
  font-size: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 100;
}
.sliderWrap .bx-pager .bx-pager-item {
  display: inline-block;
}
.sliderWrap .bx-pager .bx-pager-item + .bx-pager-item {
  margin-left: 9px;
}
.sliderWrap .bx-pager .bx-pager-item .bx-pager-link {
  height: 0;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  padding-top: 16px;
  position: relative;
  width: 16px;
}
.sliderWrap .bx-pager .bx-pager-item .bx-pager-link:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 240ms;
  -o-transition: 240ms;
  -webkit-transition: 240ms;
  transition: 240ms;
  background: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 10px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}
.sliderWrap .bx-pager .bx-pager-item .bx-pager-link.active:before {
  -moz-transform: scale(1.6);
  -ms-transform: scale(1.6);
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
  background: #333;
}
.sliderWrap .bx-prev,
.sliderWrap .bx-next {
  height: 0;
  overflow: hidden;
  white-space: nowrap;
  bottom: 0;
  display: block;
  margin: auto 0;
  padding-top: 130px;
  position: absolute;
  top: 0;
  width: 110px;
  z-index: 100;
}
.sliderWrap .bx-prev:before,
.sliderWrap .bx-next:before {
  background: url(../images/common/arrow-slider_pc.png) no-repeat;
  bottom: 0;
  content: '';
  display: block;
  height: 50px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}
.sliderWrap .bx-prev {
  left: 0;
}
.sliderWrap .bx-next {
  right: 0;
}
.sliderWrap .bx-next:before {
  background-position: right 0;
}

@media screen and (max-width: 767px) {
  .sliderWrap .slider .entry {
    height: 238px;
  }
  .sliderWrap .slider .entry .entryInner {
    color: #fff;
    padding: 0 20px 43px;
  }
  .sliderWrap .slider .entry .entryTit {
    font-size: 21px;
    line-height: 1.380952381;
  }
  .sliderWrap .slider .entry .entryData {
    margin-bottom: 16px;
  }
  .sliderWrap .slider .entry .entryData p + p {
    margin-left: 9px;
  }
  .sliderWrap .slider .entry .entryData .number {
    font-size: 20px;
    top: -1px;
  }
  .sliderWrap .slider .entry .entryData .category {
    font-size: 12px;
    min-width: 128px;
    padding-top: 2px;
  }
  .sliderWrap .slider .entry .entryData .category .icoCat {
    margin: -2px 10px 0 0;
    padding-top: 70px;
    width: 70px;
  }
  .sliderWrap .bx-pager {
    bottom: 10px;
  }
  .sliderWrap .bx-pager .bx-pager-item + .bx-pager-item {
    margin-left: 10px;
  }
  .sliderWrap .bx-pager .bx-pager-item .bx-pager-link {
    padding-top: 15px;
    width: 15px;
  }
  .sliderWrap .bx-pager .bx-pager-item .bx-pager-link:before {
    height: 10px;
    width: 10px;
  }
  .sliderWrap .bx-pager .bx-pager-item .bx-pager-link.active:before {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  .sliderWrap .bx-prev,
  .sliderWrap .bx-next {
    display: none;
  }
}
.listBlock {
  margin-top: 55px;
}
.listBlock .listHeader {
  margin-bottom: 28px;
}
.listBlock .listHeader .listTit {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3076923077;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .listBlock .entryList .entry {
    opacity: 0;
    top: 50px;
  }
}

.entryList {
  margin-bottom: -40px;
  overflow: hidden;
}
.entryList .entry {
  background: #fff;
  float: left;
  margin: 0 0 40px;
  position: relative;
  width: 47.5%;
}
.entryList .entry:nth-child(2n) {
  float: right;
}
.entryList .entry > a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
}
.entryList .entry > a:before {
  -moz-transition: border 120ms linear;
  -o-transition: border 120ms linear;
  -webkit-transition: border 120ms linear;
  transition: border 120ms linear;
  border-color: #333;
  border-style: solid;
  border-width: 0;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
@media print, screen and (min-width: 768px) {
  .no-touch .entryList .entry > a:hover:before {
    border-width: 4px;
  }
}
.entryList .entry.work > a:before {
  border-color: #5bb2df;
}
.entryList .entry.eat > a:before {
  border-color: #f07f74;
}
.entryList .entry.live > a:before {
  border-color: #b8d20b;
}
.entryList .entry.join > a:before {
  border-color: #ffaf51;
}
.entryList .entry .entryImg {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 67%;
}
.entryList .entry .entryContent {
  padding: 35px 20px 16px;
  position: relative;
}
.entryList .entry .entryTit {
  font-weight: bold;
  line-height: 1.7142857143;
  min-height: 48px;
}
.entryList .entry .entryData {
  margin-top: 3px;
}
.entryList .entry .entryData .number {
  font-family: "Josefin Sans", sans-serif;
  font-size: 18px;
  line-height: 1;
  text-align: right;
}
.entryList .entry .entryData .category {
  left: 50%;
  margin-left: -25px;
  position: absolute;
  top: -25px;
}
.entryList .entry .entryData .category .icoCat {
  padding-top: 50px;
  width: 50px;
}

@media screen and (max-width: 767px) {
  .listBlock {
    margin-top: 35px;
  }
  .listBlock .listHeader {
    margin-bottom: 22px;
  }
  .listBlock .listHeader .listTit {
    font-size: 15px;
    line-height: 1.5333333333;
  }
  .listBlock:first-child {
    margin-top: 24px;
  }

  .entryList {
    margin-bottom: 0;
  }
  .entryList .entry {
    float: none !important;
    margin: 0;
    width: auto;
  }
  .entryList .entry + .entry {
    margin-top: 20px;
  }
  .entryList .entry .entryImg {
    padding-top: 189px;
  }
  .entryList .entry .entryContent {
    padding: 33px 20px 8px;
  }
  .entryList .entry .entryTit {
    font-size: 13px;
    line-height: 1.6153846154;
    min-height: 42px;
  }
  .entryList .entry .entryData {
    margin-top: 9px;
  }
  .entryList .entry .entryData .number {
    font-size: 13px;
  }
}
::selection {
  background: #333;
  color: #fff;
}

::-moz-selection {
  background: #333;
  color: #fff;
}

input::selection,
textarea::selection {
  background: #fff !important;
  color: #333 !important;
}

input::-moz-selection,
textarea::-moz-selection {
  background: #fff !important;
  color: #333 !important;
}

html {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

body {
  background: #fff;
  color: #333;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  line-height: 1.5;
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.ie body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
body:before {
  display: none;
}
@media print, screen and (min-width: 961px) {
  body:before {
    content: 'pc';
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  body:before {
    content: 'tb';
  }
}
@media screen and (max-width: 767px) {
  body:before {
    content: 'sp';
  }
}
body.work ::selection {
  background: #5bb2df;
}
body.work ::-moz-selection {
  background: #5bb2df;
}
body.eat ::selection {
  background: #f07f74;
}
body.eat ::-moz-selection {
  background: #f07f74;
}
body.live ::selection {
  background: #b8d20b;
}
body.live ::-moz-selection {
  background: #b8d20b;
}
body.join ::selection {
  background: #ffaf51;
}
body.join ::-moz-selection {
  background: #ffaf51;
}

img {
  max-width: 100%;
}

#wrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 100%;
  overflow: hidden;
  padding-left: 220px;
}
@media screen and (max-width: 960px) {
  #wrapper {
    padding-left: 0;
  }
}

.container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 880px;
  padding: 0 40px;
  position: relative;
}
.container:before, .container:after {
  content: '';
  display: table;
}
.container:after {
  clear: both;
}

#main {
  padding-bottom: 80px;
}
.feature #main {
  background: #f5f5f5;
}
.work #main {
  background: #eef7fc;
}
.eat #main {
  background: #fdf2f1;
}
.live #main {
  background: #f5f7e6;
}
.join #main {
  background: #fff7ed;
}

@media print, screen and (min-width: 961px) {
  #header {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 220px;
    z-index: 1000;
  }
  #header .headerInner {
    -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.06);
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.06);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    height: 100%;
    padding: 23px 20px;
  }
  #header .logo a {
    height: 0;
    overflow: hidden;
    white-space: nowrap;
    background: url(../images/common/logo-header_pc.png) no-repeat;
    display: block;
    margin: 0 auto;
    padding-top: 111px;
    position: relative;
    width: 165px;
  }
  #header .globalNav {
    font-weight: bold;
    margin-top: 31px;
    text-align: center;
  }
  #header .globalNav a {
    color: #000;
  }
  #header .globalNav ul {
    display: inline-block;
    text-align: left;
  }
  #header .globalNav ul a {
    display: block;
  }
  #header .globalNav .category li {
    font-size: 13px;
    line-height: 1;
    position: relative;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    -webkit-transition: translate3d(0, 0, 0);
  }
  #header .globalNav .category li + li {
    margin-top: 8px;
  }
  #header .globalNav .category li a {
    -moz-transition: color 120ms;
    -o-transition: color 120ms;
    -webkit-transition: color 120ms;
    transition: color 120ms;
    padding-top: 2px;
  }
  #header .globalNav .category li .icoCat {
    margin: -2px 8px 0 0;
  }
  .no-touch #header .globalNav .category li.work a:hover {
    color: #5bb2df;
  }
  .no-touch #header .globalNav .category li.eat a:hover {
    color: #f07f74;
  }
  .no-touch #header .globalNav .category li.live a:hover {
    color: #b8d20b;
  }
  .no-touch #header .globalNav .category li.join a:hover {
    color: #ffaf51;
  }
  #header .globalNav .feature {
    font-size: 12px;
    line-height: 1;
    margin-top: 34px;
  }
  #header .globalNav .feature a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: background-color 120ms, border-color 120ms, color 120ms;
    -o-transition: background-color 120ms, border-color 120ms, color 120ms;
    -webkit-transition: background-color 120ms, border-color 120ms, color 120ms;
    transition: background-color 120ms, border-color 120ms, color 120ms;
    border: 2px solid #333;
    display: inline-block;
    padding: 10px 10px 9px;
    position: relative;
    width: 160px;
  }
  #header .globalNav .feature a:before {
    background: url(../images/common/img-animals.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    content: '';
    display: block;
    height: 30px;
    position: absolute;
    right: 10px;
    top: -20px;
    width: 49px;
  }
  #header .globalNav .feature a span {
    color: #c00;
    display: block;
    font-family: "Quicksand", sans-serif;
    font-size: 10px;
  }
  .no-touch #header .globalNav .feature a:hover {
    background: #000;
    border-color: #000;
    color: #fff;
  }
  .no-touch #header .globalNav .feature a:hover span {
    color: #fff;
  }
  #header .globalNav .page {
    font-size: 12px;
    line-height: 1.3333333333;
    margin-top: 25px;
  }
  #header .globalNav .page li {
    background: url(../images/common/arrow-nav_pc.png) no-repeat 0 4px;
  }
  #header .globalNav .page li + li {
    margin-top: 17px;
  }
  #header .globalNav .page li a {
    padding-left: 14px;
  }
  .no-touch #header .globalNav .page li a:hover {
    text-decoration: underline;
  }
  #header .globalNav .sns {
    margin-top: 33px;
  }
  #header .globalNav .sns dt {
    font-family: "Quicksand", sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
  }
  #header .globalNav .sns .snsList li + li {
    margin-left: 10px;
  }
  #header .globalNav .sns .snsList a {
    opacity: .8;
  }
  .no-touch #header .globalNav .sns .snsList a:hover {
    opacity: 1;
  }
  #header .searchForm {
    left: 100%;
    overflow: hidden;
    position: absolute;
    top: 40px;
    width: 50px;
    z-index: -1;
  }
  #header .searchForm:before {
    content: '';
    cursor: pointer;
    display: block;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
  }
  #header .searchForm.show:before {
    display: none;
  }
  #header .searchForm .formItem {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: -50px;
    padding-right: 50px;
    width: 100%;
  }
  #header .searchForm .formItem input {
    background: #f5f5f5;
    border: 0;
    font-size: 12px;
    height: 50px;
    padding: 10px 28px;
    width: 100%;
  }
  #header .searchForm .btnSearch {
    height: 0;
    overflow: hidden;
    white-space: nowrap;
    background: #333 url(../images/common/ico-search.png) no-repeat center center;
    -moz-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;
    padding-top: 50px;
    width: 50px;
  }
}
.aboutModal {
  bottom: 0;
  background: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  right: 100%;
  top: 0;
  width: 100%;
  z-index: 2;
}
.aboutModal .aboutContent {
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  display: table;
  height: 100%;
  opacity: 0;
  width: 100%;
}
.aboutModal .aboutInner {
  display: table-cell;
  padding: 35px;
  text-align: center;
  vertical-align: middle;
}
.aboutModal .aboutTit {
  height: 0;
  overflow: hidden;
  white-space: nowrap;
  background: url(../images/common/logo-about_pc.png) no-repeat;
  display: block;
  margin: 0 auto;
  padding-top: 166px;
  position: relative;
  width: 256px;
}
.aboutModal .outline {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 23px;
}
.aboutModal .category {
  font-size: 0;
  margin-top: 60px;
  text-align: center;
}
.aboutModal .category li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  vertical-align: top;
  width: 60px;
}
.aboutModal .category li + li {
  margin-left: 37px;
}
.aboutModal .category li a {
  display: block;
  padding: 0 20px;
}
.aboutModal .category li .icoCat {
  margin: 0 -20px 10px;
  padding-top: 60px;
  width: 60px;
}
.aboutModal .page {
  font-size: 0;
  margin-top: 126px;
  text-align: center;
}
.aboutModal .page li {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
}
.aboutModal .page li + li {
  border-left: 1px solid #333;
}
.aboutModal .page li a {
  padding: 0 9px;
}

@media print, screen and (min-width: 961px) {
  .aboutModal .btnClose {
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    background: #333 url(../images/common/btn-close.png) no-repeat center center;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    cursor: pointer;
    height: 50px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
  }

  #header.showAbout .aboutModal .aboutContent,
  #header.showAbout .aboutModal .btnClose {
    -moz-transition: opacity 300ms 300ms;
    -o-transition: opacity 300ms 300ms;
    -webkit-transition: opacity 300ms;
    -webkit-transition-delay: 300ms;
    transition: opacity 300ms 300ms;
    opacity: 1;
  }
}
#footer {
  background: #333 url(../images/common/bg-footer.jpg) repeat-y center top;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  color: #fff;
  position: relative;
}
#footer a {
  color: #fff;
}
#footer .pagetop a {
  height: 0;
  overflow: hidden;
  white-space: nowrap;
  background: #000 url(../images/common/pagetop.png) no-repeat center center;
  -moz-background-size: 28px 13px;
  -o-background-size: 28px 13px;
  -webkit-background-size: 28px 13px;
  background-size: 28px 13px;
  display: block;
  padding-top: 40px;
}
#footer .footerInner {
  padding: 74px 0 33px;
}
#footer .footerNav {
  text-align: center;
}
#footer .footerNav ul {
  font-size: 0;
}
#footer .footerNav ul li {
  display: inline-block;
}
#footer .footerNav .category li + li {
  margin-left: 30px;
}
#footer .footerNav .category li a {
  display: block;
}
#footer .footerNav .page {
  margin-top: 40px;
}
#footer .footerNav .page li {
  font-size: 12px;
  line-height: 1;
}
#footer .footerNav .page li + li {
  border-left: 1px solid #fff;
}
#footer .footerNav .page li a {
  padding: 0 9px;
}
#footer .copyright {
  font-size: 10px;
  margin-top: 61px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  #wrapper {
    padding-top: 65px;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 14px;
    overflow-x: auto;
  }

  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  }

  #main {
    padding-bottom: 66px;
  }

  .container {
    margin: 0 20px;
    padding: 0;
    width: auto;
  }
}
@media screen and (max-width: 960px) {
  #header {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
  #header .headerInner {
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    background: #fff;
    height: 65px;
    margin: 0;
  }
  #header .logo {
    -moz-transition: opacity 300ms 300ms;
    -o-transition: opacity 300ms 300ms;
    -webkit-transition: opacity 300ms;
    -webkit-transition-delay: 300ms;
    transition: opacity 300ms 300ms;
    padding: 0 0 0 8px;
  }
  #header .logo a {
    height: 0;
    overflow: hidden;
    white-space: nowrap;
    background: url(../images/common/logo-header_sp.png) no-repeat center 11px;
    -moz-background-size: 86px auto;
    -o-background-size: 86px auto;
    -webkit-background-size: 86px auto;
    background-size: 86px auto;
    display: block;
    margin: 0 auto;
    padding-top: 65px;
    position: relative;
    width: 116px;
  }
  #header .globalNav {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    max-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 65px;
    position: fixed;
    right: 100%;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  #header .globalNav .navInner {
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 0;
    overflow-y: auto;
    padding-top: 29px;
    text-align: center;
  }
  #header .globalNav .category li a {
    display: block;
    padding: 11px 0 8px;
  }
  #header .globalNav .category li a div {
    display: inline-block;
    min-width: 120px;
    text-align: left;
  }
  #header .globalNav .category li .icoCat {
    margin: -2px 13px 0 0;
  }
  #header .globalNav .feature {
    font-weight: bold;
    line-height: 1;
    margin-top: 23px;
  }
  #header .globalNav .feature a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #333;
    display: inline-block;
    padding: 10px 10px;
    position: relative;
    width: 175px;
  }
  #header .globalNav .feature a:before {
    background: url(../images/common/img-animals.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    content: '';
    display: block;
    height: 33px;
    position: absolute;
    right: 10px;
    top: -22px;
    width: 54px;
  }
  #header .globalNav .feature span {
    color: #c00;
    display: block;
    font-family: "Quicksand", sans-serif;
    font-size: 10px;
    margin-top: 2px;
  }
  #header .globalNav .page {
    margin-top: 35px;
  }
  #header .globalNav .page li {
    border-top: 1px solid #eee;
  }
  #header .globalNav .page li a {
    display: block;
    padding: 15px 20px;
  }
  #header .globalNav .page li a div {
    display: inline-block;
    min-width: 152px;
    text-align: left;
  }
  #header .globalNav .page li a div:before {
    background: url(../images/common/arrow-nav_sp.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    content: '';
    display: inline-block;
    height: 12px;
    margin-right: 19px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 6px;
  }
  #header .globalNav .sns {
    border-top: 1px solid #eee;
    padding: 10px 0 12px;
  }
  #header .globalNav .sns dt, #header .globalNav .sns dd {
    display: inline-block;
    vertical-align: middle;
  }
  #header .globalNav .sns dt {
    font-family: "Quicksand", sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin-right: 46px;
  }
  #header .globalNav .sns dd {
    padding-right: 8px;
  }
  #header .globalNav .sns .snsList li + li {
    margin-left: 15px;
  }
  #header .globalNav .sns .snsList .icoSns:before {
    background-position: right 0;
  }
  #header .searchForm {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #eee;
    height: 66px;
    padding: 15px 20px 0 65px;
    position: fixed;
    right: 100%;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  #header .searchForm .formInner {
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 0;
  }
  #header .searchForm .formItem {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: -35px;
    padding-right: 35px;
    width: 100%;
  }
  #header .searchForm .formItem input {
    background: #f5f5f5;
    border: 0;
    font-size: 12px;
    height: 35px;
    padding: 10px 12px;
    width: 100%;
  }
  #header .searchForm .btnSearch {
    height: 0;
    overflow: hidden;
    white-space: nowrap;
    background: #333 url(../images/common/ico-search.png) no-repeat center center;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    padding-top: 35px;
    width: 35px;
  }

  #header.showNav .logo {
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 0;
  }
  #header.showNav .globalNav .navInner {
    -moz-transition: opacity 300ms 300ms;
    -o-transition: opacity 300ms 300ms;
    -webkit-transition: opacity 300ms;
    -webkit-transition-delay: 300ms;
    transition: opacity 300ms 300ms;
    opacity: 1;
  }
  #header.showNav .searchForm .formInner {
    -moz-transition: opacity 300ms 300ms;
    -o-transition: opacity 300ms 300ms;
    -webkit-transition: opacity 300ms;
    -webkit-transition-delay: 300ms;
    transition: opacity 300ms 300ms;
    opacity: 1;
  }

  .btnNav {
    cursor: pointer;
    display: block;
    height: 65px;
    left: 0;
    position: fixed;
    top: 0;
    width: 65px;
    z-index: 1200;
  }
  .btnNav span {
    background: url(../images/common/btn-header-nav.png) no-repeat;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    display: block;
    height: 35px;
    left: 50%;
    margin: -15px 0 0 -16px;
    position: absolute;
    top: 50%;
    width: 28px;
  }
  #header.showNav + .btnNav span, #header.showAbout + .btnNav span {
    background-position: right 0;
  }

  .aboutModal {
    border-top: 1px solid #eee;
    top: 65px;
  }
  .aboutModal .aboutInner {
    padding: 50px 20px 40px;
  }
  .aboutModal .aboutTit {
    background-image: url(../images/common/logo-about_sp.png);
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 161px;
    width: 249px;
  }
  .aboutModal .outline {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 33px;
  }
  .aboutModal .category {
    margin-top: 38px;
  }
  .aboutModal .category li {
    line-height: 1.0714285714;
    width: 55px;
  }
  .aboutModal .category li + li {
    margin-left: 9px;
  }
  .aboutModal .category li a {
    min-height: 128px;
    padding: 0 20px;
  }
  .aboutModal .category li .icoCat {
    margin: 0 -20px 8px;
    padding-top: 55px;
    width: 55px;
  }
  .aboutModal .page {
    margin-top: 44px;
  }
  .aboutModal .page li {
    display: block;
    font-size: 14px;
    line-height: 1.4285714286;
  }
  .aboutModal .page li + li {
    border: 0;
    margin-top: 11px;
  }
  .aboutModal .page li a {
    display: block;
    padding: 0;
  }
  .aboutModal .btnClose {
    display: none;
  }

  #header.showAbout .aboutModal .aboutContent {
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    opacity: 1;
  }
  #header.showAbout .globalNav,
  #header.showAbout .searchForm {
    -moz-transition: opacity 200ms 300ms;
    -o-transition: opacity 200ms 300ms;
    -webkit-transition: opacity 200ms;
    -webkit-transition-delay: 300ms;
    transition: opacity 200ms 300ms;
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  #footer .footerInner {
    padding: 25px 0 24px;
  }
  #footer .footerNav .category li + li {
    margin-left: 27px;
  }
  #footer .footerNav .page {
    margin-top: 36px;
  }
  #footer .footerNav .page li {
    display: block;
    font-size: 14px;
    line-height: 1.4285714286;
  }
  #footer .footerNav .page li + li {
    border: 0;
    margin-top: 5px;
  }
  #footer .footerNav .page li a {
    display: block;
    padding: 3px 0;
  }
  #footer .copyright {
    margin-top: 51px;
  }
}
.home #main {
  padding-bottom: 0;
}
@media print, screen and (min-width: 961px) {
  .home .sliderWrap .slider .entry {
    overflow: hidden;
    min-height: 500px;
  }
  .home .topMvWrap {
    display: none;
  }
}
.home .topListBlock {
  position: relative;
  z-index: 200;
}
.home .topListBlock:after {
  -moz-transition: opacity 240ms;
  -o-transition: opacity 240ms;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
  background: url(../images/common/loading.gif) no-repeat center center;
  bottom: 0;
  content: '';
  display: block;
  height: 100px;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.home .topListBlock.loading {
  padding-bottom: 100px;
}
.home .topListBlock.loading:after {
  opacity: 1;
}
.home .autoload a {
  display: none;
}
.home .topEntryList {
  background: #000;
  display: none;
}
.home .topEntryList:first-child {
  display: block;
}
.home .topEntry {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 326px;
  position: relative;
}
.home .topEntry .entryBg {
  background-position: center center;
  background-repeat: repeat;
  height: 326px;
  left: 0;
  margin-top: -163px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 0;
}
.home .topEntry.work .entryBg {
  background-color: #5bb2df;
  background-image: url(../images/home/bg-work.jpg);
}
.home .topEntry.eat .entryBg {
  background-color: #f07f74;
  background-image: url(../images/home/bg-eat.jpg);
}
.home .topEntry.live .entryBg {
  background-color: #b8d20b;
  background-image: url(../images/home/bg-live.jpg);
}
.home .topEntry.join .entryBg {
  background-color: #ffaf51;
  background-image: url(../images/home/bg-join.jpg);
}
.home .topEntry .entryImg {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  height: 390px;
  margin-top: -195px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 46%;
}
.home .topEntry .entryBox {
  height: 326px;
  position: relative;
  z-index: 300;
}
.home .topEntry .entryBox > a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 30px 0;
  position: relative;
}
.home .topEntry .entryContent {
  display: table;
  height: 266px;
  width: 54%;
  z-index: 2;
}
.home .topEntry .entryInner {
  color: #fff;
  display: table-cell;
  padding: 0 35px 58px;
  text-align: center;
  vertical-align: middle;
}
.home .topEntry .entryData {
  margin-bottom: 11px;
}
.home .topEntry .entryData p {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.home .topEntry .entryData p + p {
  margin-left: 12px;
}
.home .topEntry .entryData .number {
  font-family: "Josefin Sans", sans-serif;
  font-size: 25px;
}
.home .topEntry .entryData .category {
  font-size: 14px;
  font-weight: bold;
  min-width: 140px;
  padding-top: 2px;
}
.home .topEntry .entryData .category .icoCat {
  margin: -2px 14px 0 0;
}
.home .topEntry .entryTit {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3571428571;
}
.home .topEntry .snsList {
  bottom: 22px;
  left: 27%;
  margin-left: -75px;
  position: absolute;
  text-align: center;
  width: 160px;
  z-index: 300;
}
.home .topEntry .snsList li + li {
  margin-left: 20px;
}
.home .topEntry:nth-child(2n) .entryImg {
  left: 0;
  right: auto;
}
.home .topEntry:nth-child(2n) .entryContent {
  margin-left: auto;
}
.home .topEntry:nth-child(2n) .snsList {
  left: auto;
  margin: 0 -75px 0 0;
  right: 27%;
}
@media print, screen and (min-width: 768px) {
  .no-touch .home .topListBlock .topEntry {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: 240ms;
    -o-transition: 240ms;
    -webkit-transition: 240ms;
    transition: 240ms;
  }
  .no-touch .home .topListBlock .topEntry .entryBg {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 360ms;
    -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 360ms;
    -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 360ms;
    transition: cubic-bezier(0.215, 0.61, 0.355, 1) 360ms;
  }
  .no-touch .home .topListBlock .topEntry .entryBox {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 360ms;
    -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 360ms;
    -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 360ms;
    transition: cubic-bezier(0.215, 0.61, 0.355, 1) 360ms;
  }
  .no-touch .home .topListBlock:hover .topEntry {
    opacity: .5;
  }
  .no-touch .home .topListBlock:hover .topEntry .entryBg,
  .no-touch .home .topListBlock:hover .topEntry .entryBox {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
  }
  .no-touch .home .topListBlock:hover .topEntry:hover {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    opacity: 1;
  }
  .no-touch .home .topListBlock:hover .topEntry:hover .entryBg {
    -moz-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 480ms;
    -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 480ms;
    -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 480ms;
    transition: cubic-bezier(0.215, 0.61, 0.355, 1) 480ms;
    height: 386px;
    margin-top: -193px;
    z-index: 200;
  }
  .no-touch .home .topListBlock:hover .topEntry:hover .entryBox {
    -moz-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 480ms;
    -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 480ms;
    -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 480ms;
    transition: cubic-bezier(0.215, 0.61, 0.355, 1) 480ms;
    height: 386px;
  }
}

.categoryHeader {
  margin-top: 77px;
}
.categoryHeader .categoryTit {
  font-size: 35px;
  font-weight: bold;
  line-height: 1.1428571429;
  text-align: center;
}
.categoryHeader .categoryTit .icoCat {
  margin-right: 10px;
  padding-top: 32px;
  top: -3px;
}
.categoryHeader .categoryTit .icoCat:before {
  display: none;
}
.categoryHeader .categoryTit .icoCat:after {
  background-image: url(../images/common/ico-cat.png);
  -moz-background-size: auto 200%;
  -o-background-size: auto 200%;
  -webkit-background-size: auto 200%;
  background-size: auto 200%;
}
.categoryHeader .categoryTit .icoCat.work {
  width: 27px;
}
.categoryHeader .categoryTit .icoCat.eat {
  margin-right: 15px;
  width: 25px;
}
.categoryHeader .categoryTit .icoCat.live {
  width: 34px;
}
.categoryHeader .categoryTit .icoCat.join {
  width: 38px;
}

.categoryTag {
  margin-top: 24px;
}

.feature .featureBlock {
  margin-top: 435px;
}
.feature .featureBlock a {
  display: block;
  position: relative;
}
.feature .featureBlock a:before {
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: -435px;
}
.feature .featureBlock .featureImg {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 475px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .feature .featureBlock {
    margin-top: 410px;
  }
  .feature .featureBlock a:before {
    top: -410px;
  }
}
.feature .featureBlock .featureHeader {
  background: #333;
  color: #fff;
}
.feature .featureBlock .featureHeader .featureTit {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3125;
  padding: 23px 0;
  position: relative;
  z-index: 2;
}
.feature .featureOutline {
  font-size: 16px;
  line-height: 1.75;
  margin: 25px 0 72px;
}
.feature .featureList .feature {
  background: #fff;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .feature .featureList .feature {
    opacity: 0;
    top: 50px;
  }
}
.feature .featureList .feature + .feature {
  margin-top: 40px;
}
.feature .featureList .feature > a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding-left: 50%;
  position: relative;
}
.feature .featureList .feature > a:before {
  -moz-transition: border 100ms linear;
  -o-transition: border 100ms linear;
  -webkit-transition: border 100ms linear;
  transition: border 100ms linear;
  border-color: #333;
  border-style: solid;
  border-width: 0;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
@media print, screen and (min-width: 768px) {
  .no-touch .feature .featureList .feature > a:hover:before {
    border-width: 4px;
  }
}
.feature .featureList .feature .featureImg {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
}
.feature .featureList .feature .featureContent {
  display: table;
  height: 165px;
  width: 100%;
}
.feature .featureList .feature .featureContent .featureInner {
  display: table-cell;
  padding: 14px 25px 12px;
  vertical-align: middle;
}
.feature .featureList .feature .featureTit {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3333333333;
}
.feature .featureList .feature .featureTxt {
  border-top: 1px dotted #ccc;
  line-height: 1.5714285714;
  margin-top: 10px;
  padding-top: 10px;
}

.mainEntryBlock .movie,
.mainEntryBlock .map {
  overflow: hidden;
  position: relative;
  padding-top: 50%;
}
.mainEntryBlock .movie iframe,
.mainEntryBlock .movie > div,
.mainEntryBlock .map iframe,
.mainEntryBlock .map > div {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.mainEntryBlock .movie {
  background: #000;
}
.mainEntryBlock .map {
  background: #fff;
  border: 1px solid #ccc;
}
.mainEntryBlock .mainEntryImg {
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 610px;
}
.mainEntryBlock .mainEntryHeader {
  padding-top: 146px;
  position: relative;
}
.mainEntryBlock .mainEntryHeader .entryFeature {
  font-weight: bold;
  margin: 8px 0 12px;
}
.mainEntryBlock .mainEntryHeader .entryFeature a {
  display: block;
  padding: 5px 0 4px 100px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .no-touch .mainEntryBlock .mainEntryHeader .entryFeature a:hover {
    text-decoration: underline;
  }
}
.mainEntryBlock .mainEntryHeader .entryFeature span {
  background: #333;
  color: #fff;
  display: block;
  left: 0;
  padding: 5px 0 4px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 80px;
}
.mainEntryBlock .mainEntryHeader .entryTit {
  font-size: 42px;
  font-weight: bold;
  line-height: 1.380952381;
}
.mainEntryBlock .mainEntryHeader .entryData {
  border-bottom: 1px solid #999;
  margin-bottom: 34px;
  padding-bottom: 20px;
}
.mainEntryBlock .mainEntryHeader .entryData .number {
  font-family: "Josefin Sans", sans-serif;
  font-size: 32px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 69px;
}
.mainEntryBlock .mainEntryHeader .entryData .category {
  left: 50%;
  margin-left: -65px;
  position: absolute;
  right: 0;
  top: -65px;
}
.mainEntryBlock .mainEntryHeader .entryData .category .icoCat {
  padding-top: 130px;
  width: 130px;
}
.mainEntryBlock .mainEntryHeader .entryData .tagList {
  margin-top: 48px;
}
.mainEntryBlock .mainEntryHeader .snsList {
  position: absolute;
  right: -11px;
  top: 26px;
}
.mainEntryBlock .mainEntryHeader .snsList li + li {
  margin-left: 1px;
}
.mainEntryBlock .mainEntryContent {
  font-size: 20px;
  line-height: 1.6;
}
.mainEntryBlock .mainEntryContent * {
  max-width: 100%;
}
.mainEntryBlock .mainEntryContent *:first-child {
  margin-top: 0 !important;
}
.mainEntryBlock .mainEntryContent *:last-child {
  margin-bottom: 0 !important;
}
.mainEntryBlock .mainEntryContent .block {
  margin-top: 58px;
}
.mainEntryBlock .mainEntryContent img,
.mainEntryBlock .mainEntryContent .movie,
.mainEntryBlock .mainEntryContent .map {
  margin-bottom: 35px;
}
.mainEntryBlock .mainEntryContent img {
  display: block;
  height: auto !important;
}
.mainEntryBlock .mainEntryContent h1, .mainEntryBlock .mainEntryContent h2, .mainEntryBlock .mainEntryContent h3, .mainEntryBlock .mainEntryContent h4, .mainEntryBlock .mainEntryContent h5, .mainEntryBlock .mainEntryContent h6 {
  clear: both;
  font-weight: bold;
  margin-bottom: 26px;
}
.mainEntryBlock .mainEntryContent h1, .mainEntryBlock .mainEntryContent h2 {
  font-size: 30px;
  line-height: 1.2666666667;
}
.mainEntryBlock .mainEntryContent h3 {
  font-size: 26px;
  line-height: 1.3461538462;
}
.mainEntryBlock .mainEntryContent h4 {
  font-size: 24px;
  line-height: 1.3333333333;
}
.mainEntryBlock .mainEntryContent h5 {
  font-size: 22px;
  line-height: 1.3636363636;
}
.mainEntryBlock .mainEntryContent h6 {
  font-size: 20px;
  line-height: 1.4;
}
.mainEntryBlock .mainEntryContent p, .mainEntryBlock .mainEntryContent ul, .mainEntryBlock .mainEntryContent ol, .mainEntryBlock .mainEntryContent dl, .mainEntryBlock .mainEntryContent blockquote, .mainEntryBlock .mainEntryContent table, .mainEntryBlock .mainEntryContent div {
  margin-bottom: 30px;
}
.mainEntryBlock .mainEntryContent p, .mainEntryBlock .mainEntryContent ul, .mainEntryBlock .mainEntryContent ol, .mainEntryBlock .mainEntryContent dl, .mainEntryBlock .mainEntryContent blockquote, .mainEntryBlock .mainEntryContent table {
  clear: both;
}
.mainEntryBlock .mainEntryFooter {
  margin-top: 74px;
}
.mainEntryBlock .mainEntryFooter .mapBlock {
  margin-top: 40px;
}
.mainEntryBlock .mainEntryFooter .backnumberBlock {
  margin-top: 40px;
}
.mainEntryBlock .mainEntryFooter .backnumberBlock .backnumberTit {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #333;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  min-width: 160px;
  padding: 5px 10px 4px;
  text-align: center;
}
.mainEntryBlock .mainEntryFooter .backnumberBlock dl {
  background: #fff;
}
.mainEntryBlock .mainEntryFooter .backnumberBlock dl dt {
  border-bottom: 1px solid #999;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  padding: 22px 38px 21px;
}
.mainEntryBlock .mainEntryFooter .backnumberBlock dl dd {
  padding: 23px 38px 28px;
}
.mainEntryBlock .mainEntryFooter .backnumberBlock .backnumberList li {
  font-size: 16px;
}
@media print, screen and (min-width: 768px) {
  .mainEntryBlock .mainEntryFooter .backnumberBlock .backnumberList li {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
}
.mainEntryBlock .mainEntryFooter .backnumberBlock .backnumberList li + li {
  margin-top: 8px;
}
.mainEntryBlock .mainEntryFooter .backnumberBlock .backnumberList li a {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .no-touch .mainEntryBlock .mainEntryFooter .backnumberBlock .backnumberList li a:hover {
    text-decoration: underline;
  }
}
.mainEntryBlock .mainEntryFooter .backnumberBlock .backnumberList li .number {
  display: inline-block;
  font-size: 18px;
  font-family: "Quicksand", sans-serif;
  margin-right: 8px;
  min-width: 4em;
}
.mainEntryBlock .mainEntryFooter .snsBtnList {
  margin-top: 40px;
  overflow: hidden;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li {
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
  width: 31.25%;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li + li {
  margin-left: 3.125%;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li a {
  color: #fff;
  display: block;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li .icoSns {
  top: -2px;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.twitter {
  font-family: "Quicksand", sans-serif;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.twitter a {
  background: #55acee;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.twitter .icoSns {
  margin-right: 10px;
  width: 22px;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.twitter .icoSns:before {
  height: 18px;
  width: 22px;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.facebook {
  font-family: "Quicksand", sans-serif;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.facebook a {
  background: #3b5998;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.facebook .icoSns {
  margin-right: 13px;
  width: 9px;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.facebook .icoSns:before {
  height: 20px;
  width: 9px;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.hatena {
  font-size: 15px;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.hatena a {
  background: #008fde;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.hatena .icoSns {
  margin-right: 10px;
  top: -1px;
  width: 20px;
}
.mainEntryBlock .mainEntryFooter .snsBtnList li.hatena .icoSns:before {
  height: 17px;
  width: 20px;
}
.mainEntryBlock .mainEntryFooter .infoBlock {
  background: #fff;
  margin-top: 20px;
  overflow: hidden;
  padding: 40px;
}
.mainEntryBlock .mainEntryFooter .infoBlock + .infoBlock {
  margin-top: 40px;
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoImg {
  float: left;
  width: 33.3%;
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent {
  padding-left: 37.1%;
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader {
  margin-top: -0.05em;
  margin-bottom: 10px;
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader:last-child {
  margin-bottom: 0;
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader .infoTit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader .infoTit span {
  display: block;
  font-size: 14px;
  line-height: 1.4285714286;
  margin-bottom: 12px;
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader p {
  word-break: break-all;
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader p,
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader p a {
  color: #999;
}
@media print, screen and (min-width: 768px) {
  .no-touch .mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader p a:hover {
    text-decoration: underline;
  }
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent .dataList {
  margin: 16px 0 14px;
  overflow: hidden;
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent .dataList:last-child {
  margin-bottom: 0;
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent .dataList li {
  float: left;
  font-size: 12px;
  line-height: 1.8333333333;
  min-width: 50%;
}
.mainEntryBlock .mainEntryFooter .infoBlock .infoContent .txts {
  font-size: 12px;
  line-height: 1.8333333333;
  margin-top: 10px;
}
.mainEntryBlock .mainEntryFooter .writerBlock .infoContent .infoHeader {
  margin-bottom: 10px;
}
.mainEntryBlock .mainEntryFooter .writerBlock .infoContent .infoHeader p {
  margin-top: 3px;
}
.mainEntryBlock .mainEntryFooter .likeBlock {
  border: 1px solid #999;
  border-width: 1px 0;
  margin-top: 60px;
  overflow: hidden;
  padding: 40px 0;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeImg,
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent {
  height: 256px;
  width: 47.5%;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeImg {
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  float: left;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent {
  float: right;
  display: table;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent .likeInner {
  display: table-cell;
  padding-bottom: 6px;
  text-align: center;
  vertical-align: middle;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent .likeTit {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3571428571;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl {
  display: table;
  height: 50px;
  margin: 32px auto 0;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dt, .mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dd {
  display: table-cell;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dt {
  background: #3b5998;
  font-size: 16px;
  line-height: 1.25;
  white-space: nowrap;
  width: 140px;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dt a {
  color: #fff;
  display: block;
  padding: 15px 8px;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dd {
  padding-left: 20px;
  word-break: break-all;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dd .count {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  display: block;
  font-size: 18px;
  font-family: "Josefin Sans", sans-serif;
  line-height: 1.1111111111;
  min-height: 50px;
  min-width: 160px;
  padding: 16px 8px 14px;
  position: relative;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dd .count:before {
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  content: '';
  display: block;
  left: -10px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.mainEntryBlock .mainEntryFooter .likeBlock .likeContent p {
  margin-top: 32px;
}
.mainEntryBlock .mainEntryFooter .bannerBlock {
  margin-top: 20px;
  overflow: hidden;
  padding: 0 44px;
}
.mainEntryBlock .mainEntryFooter .bannerBlock div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-top: 40px;
  padding-right: 20px;
  width: 50%;
}
.mainEntryBlock .mainEntryFooter .bannerBlock div:nth-child(2n) {
  padding: 0 0 0 20px;
}
.mainEntryBlock .mainEntryFooter .bannerBlock div img {
  width: 100%;
}
.mainEntryBlock .mainEntryFooter .relationBlock {
  border-top: 1px solid #999;
  margin-top: 60px;
  padding-top: 53px;
}
.mainEntryBlock .mainEntryFooter .relationBlock .relationTit {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3076923077;
  margin-bottom: 4px;
}
.mainEntryBlock .mainEntryFooter .likeBlock + .relationBlock {
  border-top: none;
  padding-top: 0;
}

.pageBlock {
  padding-top: 50px;
}

.pageHeader {
  margin-bottom: 44px;
  text-align: center;
}
.pageHeader .pageTit {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
}
.pageHeader .pageTit span {
  display: block;
  font-family: "Quicksand", sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 11px;
  padding-bottom: 13px;
  position: relative;
}
.pageHeader .pageTit span:before {
  background: #333;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 60px;
}

.contactBlock .required {
  color: #c00;
}
.contactBlock .error {
  color: #c00;
  margin-top: 8px;
}
.contactBlock .note {
  text-align: center;
}
.contactBlock .itemList {
  margin-top: 40px;
}
.contactBlock .itemList .item {
  margin-top: 36px;
}
.contactBlock .itemList .itemTit {
  margin-bottom: 15px;
}
.contactBlock .itemList .itemTit .required {
  margin-left: 7px;
}
.contactBlock .btnBox {
  font-size: 0;
  margin-top: 30px;
  text-align: center;
}
.contactBlock .btnBox .btn, .contactBlock .btnBox input,
.contactBlock .btnBox input {
  font-size: 15px;
  line-height: 1.4;
  min-width: 250px;
  padding: 16px 20px;
}
.contactBlock .btnBox input + input {
  margin-left: 20px;
}
.contactBlock .btnBox input[name=submitBack] {
  background: #777;
  border-color: #777;
}
@media print, screen and (min-width: 768px) {
  .no-touch .contactBlock .btnBox input[name=submitBack]:hover {
    background: #fff;
    color: #777;
  }
}
.contactBlock .formBlock .itemList .group:before, .contactBlock .formBlock .itemList .group:after {
  content: '';
  display: table;
}
.contactBlock .formBlock .itemList .group:after {
  clear: both;
}
.contactBlock .formBlock .itemList .group .item {
  float: left;
  width: 47.5%;
}
.contactBlock .formBlock .itemList .group .item:nth-child(2n) {
  float: right;
}
.contactBlock .formBlock .itemList .group .itemTit {
  margin-bottom: 0;
}
.contactBlock .formBlock input[type="text"],
.contactBlock .formBlock input[type="email"],
.contactBlock .formBlock input[type="url"] {
  border: 1px solid #ccc;
  border-width: 0 0 1px;
  padding: 13px 0 10px;
  width: 100%;
}
.contactBlock .formBlock select {
  border: 1px solid #ccc;
  margin-top: 13px;
  padding: 8px;
  width: 100%;
}
.contactBlock .formBlock textarea {
  border: 1px solid #ccc;
  height: 200px;
  padding: 10px 15px;
  width: 100%;
}
.contactBlock .confirmBlock .itemList .item {
  border-bottom: 1px solid #ccc;
  margin-top: 25px;
  padding-bottom: 25px;
}
.contactBlock .confirmBlock .itemList > .item:last-child {
  border-bottom: 0;
}
.contactBlock .confirmBlock .itemList .itemTit {
  margin-bottom: 10px;
}
.contactBlock .completeBlock {
  margin: 60px 0 10px;
  text-align: center;
}
.contactBlock .completeBlock .tit {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3461538462;
  margin-bottom: 30px;
}
.contactBlock .completeBlock .txts {
  font-size: 15px;
}
.contactBlock .completeBlock .btnBox {
  margin-top: 40px;
}

.newsBlock .yearWrap {
  border-bottom: 1px solid #ccc;
  margin-top: 48px;
  position: relative;
}
.newsBlock .yearList {
  margin-right: -50px;
}
.newsBlock .yearList:before, .newsBlock .yearList:after {
  content: '';
  display: table;
}
.newsBlock .yearList:after {
  clear: both;
}
.newsBlock .yearList li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  margin-right: 50px;
}
.newsBlock .yearList li a {
  color: #999;
  display: block;
  padding: 9px 0 8px;
}
.newsBlock .yearList li:after {
  background: #ccc;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}
.newsBlock .yearList li.current a {
  color: #333;
}
.newsBlock .newsData .date {
  color: #999;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}
.newsBlock .newsData .category {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #333;
  display: inline-block;
  line-height: 1.5714285714;
  margin-left: 11px;
  min-width: 75px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  top: -1px;
  vertical-align: middle;
}
.newsBlock .newsData .category.important {
  border-color: #c00;
  color: #c00;
}
.newsBlock .newsList li {
  border-bottom: 1px dotted #ccc;
}
.newsBlock .newsList li a {
  -moz-transition: background-color 120ms;
  -o-transition: background-color 120ms;
  -webkit-transition: background-color 120ms;
  transition: background-color 120ms;
  display: block;
  padding: 21px 0 15px;
}
@media print, screen and (min-width: 768px) {
  .no-touch .newsBlock .newsList li a:hover {
    background: #f5f5f5;
  }
}
.newsBlock .newsList li .newsTit {
  margin-top: 6px;
}
.newsBlock .mainNewsBlock {
  margin-top: 67px;
}
.newsBlock .mainNewsBlock .mainNewsHeader {
  position: relative;
}
.newsBlock .mainNewsBlock .mainNewsHeader .newsData {
  margin-bottom: 11px;
}
.newsBlock .mainNewsBlock .mainNewsHeader .mainNewsTit {
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 16px;
  padding-bottom: 9px;
}
.newsBlock .mainNewsBlock .mainNewsHeader .utility {
  position: absolute;
  right: 0;
  top: -7px;
}
.newsBlock .mainNewsBlock .mainNewsHeader .utility .snsList {
  display: inline-block;
  vertical-align: middle;
}
.newsBlock .mainNewsBlock .mainNewsHeader .utility .snsList li + li {
  margin-left: 1px;
}
.newsBlock .mainNewsBlock .mainNewsHeader .utility .btnPrint {
  font-weight: normal;
  margin-left: 8px;
  padding: 3px 13px 2px;
  vertical-align: middle;
}
.newsBlock .mainNewsBlock .mainNewsHeader .utility .btnPrint:before {
  background: url(../images/common/ico-print.png) no-repeat;
  content: '';
  display: inline-block;
  height: 18px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 18px;
}
.ua-mobile .newsBlock .mainNewsBlock .mainNewsHeader .utility .btnPrint {
  display: none;
}
.no-touch .newsBlock .mainNewsBlock .mainNewsHeader .utility .btnPrint:hover:before {
  background-position: right 0;
}
.newsBlock .mainNewsBlock .mainNewsContent {
  font-size: 14px;
  line-height: 1.5714285714;
}
.newsBlock .mainNewsBlock .mainNewsContent * {
  max-width: 100%;
}
.newsBlock .mainNewsBlock .mainNewsContent *:first-child {
  margin-top: 0 !important;
}
.newsBlock .mainNewsBlock .mainNewsContent *:last-child {
  margin-bottom: 0 !important;
}
.newsBlock .mainNewsBlock .mainNewsContent .block {
  margin-top: 40px;
}
.newsBlock .mainNewsBlock .mainNewsContent img,
.newsBlock .mainNewsBlock .mainNewsContent .movie,
.newsBlock .mainNewsBlock .mainNewsContent .map {
  margin-bottom: 30px;
}
.newsBlock .mainNewsBlock .mainNewsContent img {
  display: block;
  height: auto !important;
}
.newsBlock .mainNewsBlock .mainNewsContent h1, .newsBlock .mainNewsBlock .mainNewsContent h2, .newsBlock .mainNewsBlock .mainNewsContent h3, .newsBlock .mainNewsBlock .mainNewsContent h4, .newsBlock .mainNewsBlock .mainNewsContent h5, .newsBlock .mainNewsBlock .mainNewsContent h6 {
  clear: both;
  font-weight: bold;
  margin-bottom: 15px;
}
.newsBlock .mainNewsBlock .mainNewsContent h1, .newsBlock .mainNewsBlock .mainNewsContent h2 {
  font-size: 20px;
  line-height: 1.3;
}
.newsBlock .mainNewsBlock .mainNewsContent h3 {
  font-size: 18px;
  line-height: 1.3888888889;
}
.newsBlock .mainNewsBlock .mainNewsContent h4 {
  font-size: 16px;
  line-height: 1.5;
}
.newsBlock .mainNewsBlock .mainNewsContent h5 {
  font-size: 15px;
  line-height: 1.5333333333;
}
.newsBlock .mainNewsBlock .mainNewsContent h6 {
  font-size: 14px;
  line-height: 1.5714285714;
}
.newsBlock .mainNewsBlock .mainNewsContent p, .newsBlock .mainNewsBlock .mainNewsContent ul, .newsBlock .mainNewsBlock .mainNewsContent ol, .newsBlock .mainNewsBlock .mainNewsContent dl, .newsBlock .mainNewsBlock .mainNewsContent blockquote, .newsBlock .mainNewsBlock .mainNewsContent table, .newsBlock .mainNewsBlock .mainNewsContent div {
  margin-bottom: 23px;
}
.newsBlock .mainNewsBlock .mainNewsContent p, .newsBlock .mainNewsBlock .mainNewsContent ul, .newsBlock .mainNewsBlock .mainNewsContent ol, .newsBlock .mainNewsBlock .mainNewsContent dl, .newsBlock .mainNewsBlock .mainNewsContent blockquote, .newsBlock .mainNewsBlock .mainNewsContent table {
  clear: both;
}
.newsBlock .mainNewsBlock .mainNewsContent a {
  text-decoration: underline;
}
.newsBlock .mainNewsBlock .mainNewsContent a[target=_blank] {
  background: url(../images/common/ico-blank.png) no-repeat right center;
  -moz-background-size: 11px 10px;
  -o-background-size: 11px 10px;
  -webkit-background-size: 11px 10px;
  background-size: 11px 10px;
  padding-right: 20px;
}
.newsBlock .mainNewsBlock .mainNewsFooter {
  margin-top: 32px;
}
.newsBlock .mainNewsBlock .mainNewsFooter .btnBox {
  text-align: center;
}
.newsBlock .mainNewsBlock .mainNewsFooter .btnBox .btnReturn {
  font-size: 16px;
  line-height: 1.375;
  min-width: 140px;
  padding: 10px 20px 9px;
}
.newsBlock .otherNewsBlock {
  margin-top: 48px;
}
.newsBlock .otherNewsBlock .otherNewsTit {
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 5px;
}

.searchBlock .resultBlock .resultHeader {
  margin: 55px 0 8px;
  text-align: center;
}
.searchBlock .resultBlock .resultHeader .resultTit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}
.searchBlock .resultBlock .resultData {
  border-bottom: 1px solid #ccc;
  padding-bottom: 2px;
}
.searchBlock .resultBlock .resultData p {
  color: #999;
}
.searchBlock .resultBlock .resultData p span {
  font-size: 24px;
  margin-right: 2px;
  position: relative;
  top: 2px;
}
.searchBlock .resultBlock .resultList .resultEntry {
  border-bottom: 1px dotted #ccc;
}
.searchBlock .resultBlock .resultList .resultEntry a {
  display: block;
  overflow: hidden;
  padding: 17px 0 17px 135px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .no-touch .searchBlock .resultBlock .resultList .resultEntry a:hover {
    text-decoration: underline;
  }
}
.searchBlock .resultBlock .resultList .resultEntry .entryImg,
.searchBlock .resultBlock .resultList .resultEntry .entryData {
  background: #f5f5f5;
  height: 77px;
  left: 0;
  position: absolute;
  top: 20px;
  width: 115px;
}
.searchBlock .resultBlock .resultList .resultEntry .entryImg {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.searchBlock .resultBlock .resultList .resultEntry .entryData {
  display: table;
}
.searchBlock .resultBlock .resultList .resultEntry .entryData p {
  color: #999;
  display: table-cell;
  line-height: 1.1428571429;
  padding: 6px 5px 4px;
  text-align: center;
  vertical-align: middle;
}
.searchBlock .resultBlock .resultList .resultEntry .entryData p span {
  display: block;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 4px;
  padding-bottom: 6px;
  position: relative;
}
.searchBlock .resultBlock .resultList .resultEntry .entryData p span:before {
  background: #999;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 30px;
}
.searchBlock .resultBlock .resultList .resultEntry .entryContent {
  display: table;
  height: 83px;
  width: 100%;
}
.searchBlock .resultBlock .resultList .resultEntry .entryContent .entryInner {
  display: table-cell;
  vertical-align: middle;
}
.searchBlock .resultBlock .resultList .resultEntry .entryContent .entryTit {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.375;
}
.searchBlock .resultBlock .resultList .resultEntry .entryContent p {
  font-size: 12px;
  line-height: 1.6666666667;
  margin-top: 6px;
}
.searchBlock .resultBlock .wp-pagenavi {
  margin-top: 40px;
}
.searchBlock .resultBlock .resultNoPost {
  margin-top: 61px;
  text-align: center;
}
.searchBlock .resultBlock .resultNoPost .tit {
  height: 0;
  overflow: hidden;
  white-space: nowrap;
  background: url(../images/search/tit-nopost.png) no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  margin: 0 auto;
  padding-top: 62px;
  width: 282px;
}
.searchBlock .resultBlock .resultNoPost .txts {
  line-height: 1.5714285714;
  margin-top: 25px;
}
.searchBlock .resultBlock .resultNoPost .btnReturn {
  font-size: 15px;
  line-height: 1.4;
  margin-top: 88px;
  min-width: 250px;
  padding: 18px 20px 17px;
}

.errorBlock {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .errorBlock {
    margin: 123px 0 23px;
  }
}
.errorBlock .errorHeader {
  margin-bottom: 3px;
}
.errorBlock .errorHeader:before {
  background: url(../images/common/tit-404.png) no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  content: '';
  display: inline-block;
  height: 62px;
  margin-bottom: 20px;
  width: 530px;
}
.errorBlock .errorHeader .errorTit {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.errorBlock .txts {
  line-height: 1.5714285714;
}
.errorBlock .menu {
  margin-top: 47px;
}
.errorBlock .menu dt {
  font-family: "Quicksand", sans-serif;
  font-size: 18px;
  margin-bottom: 25px;
  padding-bottom: 9px;
  position: relative;
}
.errorBlock .menu dt:before {
  background: #333;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 60px;
}
.errorBlock .menu ul {
  font-size: 0;
  text-align: center;
}
.errorBlock .menu ul li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  vertical-align: top;
  width: 60px;
}
.errorBlock .menu ul li + li {
  margin-left: 37px;
}
.errorBlock .menu ul li a {
  display: block;
  padding: 0 20px;
}
.errorBlock .menu ul li .icoCat {
  margin: 0 -20px 10px;
  padding-top: 60px;
  width: 60px;
}

@media screen and (max-width: 960px) {
  .home #wrapper {
    padding-top: 0;
  }
  .home #header {
    top: -100px;
  }
  .home #header.showAbout {
    top: 0 !important;
  }
  .home #main {
    position: relative;
    z-index: 2;
  }
  .home .topMvWrap,
  .home .topMv {
    height: 100vh;
    min-height: 400px;
  }
  .home .topMvWrap {
    position: relative;
  }
  .home .topMv {
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
  .home .topMv.hide {
    opacity: 0;
  }
  .home .topMv .mvContent {
    display: table;
    height: 100%;
    width: 100%;
  }
  .home .topMv .mvInner {
    -moz-transition: padding 200ms;
    -o-transition: padding 200ms;
    -webkit-transition: padding 200ms;
    transition: padding 200ms;
    display: table-cell;
    padding: 25px 0 65px;
    text-align: center;
    vertical-align: middle;
  }
  .home .topMv .bg {
    bottom: 0;
    left: 0;
    max-height: 20%;
    position: absolute;
    z-index: -1;
    width: 100%;
  }
  .home .topMv .bg:before {
    background: url(../images/home/bg-mv.jpg) no-repeat center top;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    content: '';
    display: block;
    overflow: hidden;
    padding-top: 32.8125%;
  }
  .home .topMv .mvTit {
    height: 0;
    overflow: hidden;
    white-space: nowrap;
    background: url(../images/common/logo-about_sp.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: 0 auto;
    padding-top: 161px;
    width: 249px;
  }
  .home .topMv .category {
    font-size: 0;
    margin-top: 27px;
  }
  .home .topMv .category li {
    display: inline-block;
    font-size: 14px;
    line-height: 1.0714285714;
    vertical-align: top;
    width: 55px;
  }
  .home .topMv .category li + li {
    margin-left: 9px;
  }
  .home .topMv .category li a {
    display: block;
    min-height: 128px;
    padding: 0 20px;
  }
  .home .topMv .category li .icoCat {
    margin: 0 -20px 8px;
    padding-top: 55px;
    width: 55px;
  }
  .home .topMv .scroll {
    height: 0;
    overflow: hidden;
    white-space: nowrap;
    background: url(../images/home/btn-scroll.png) no-repeat center 20px;
    -moz-background-size: 30px 15px;
    -o-background-size: 30px 15px;
    -webkit-background-size: 30px 15px;
    background-size: 30px 15px;
    bottom: 0;
    display: block;
    left: 0;
    padding-top: 45px;
    position: absolute;
    right: 0;
  }
  .home .sliderWrap .slider {
    margin-top: -65px;
    padding-top: 65px;
  }
  .home .sliderWrap .slider .entry {
    height: 500px !important;
    min-height: 0;
  }
}
@media screen and (max-width: 960px) and (max-height: 420px) {
  .home .topMvWrap {
    min-height: 420px;
  }
  .home .topMv {
    position: static !important;
  }
}

@media screen and (max-width: 767px) {
  .home .sliderWrap .slider .entry {
    height: 325px !important;
    min-height: 0;
  }
  .home .topEntry {
    -moz-background-size: 570px auto;
    -o-background-size: 570px auto;
    -webkit-background-size: 570px auto;
    background-size: 570px auto;
    background-position: center center;
    background-repeat: repeat;
    height: auto;
  }
  .home .topEntry.work {
    background-color: #5bb2df;
    background-image: url(../images/home/bg-work.jpg);
  }
  .home .topEntry.eat {
    background-color: #f07f74;
    background-image: url(../images/home/bg-eat.jpg);
  }
  .home .topEntry.live {
    background-color: #b8d20b;
    background-image: url(../images/home/bg-live.jpg);
  }
  .home .topEntry.join {
    background-color: #ffaf51;
    background-image: url(../images/home/bg-join.jpg);
  }
  .home .topEntry .entryBg {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none !important;
    height: auto;
    left: 0;
    margin: 0;
    padding: 5px;
    position: absolute;
    top: 0;
  }
  .home .topEntry .entryImg {
    height: 203px;
    margin: 0;
    position: static;
    width: auto;
  }
  .home .topEntry .entryBox {
    height: auto;
  }
  .home .topEntry .entryBox > a {
    padding: 213px 0 0;
  }
  .home .topEntry .entryContent {
    height: 163px;
    width: 100%;
  }
  .home .topEntry .entryInner {
    padding: 8px 20px 13px;
  }
  .home .topEntry .entryData {
    margin-bottom: 8px;
  }
  .home .topEntry .entryData p + p {
    margin-left: 6px;
  }
  .home .topEntry .entryData .number {
    font-size: 18px;
  }
  .home .topEntry .entryData .category {
    font-size: 10px;
    min-width: 111px;
    padding-top: 2px;
  }
  .home .topEntry .entryData .category .icoCat {
    margin: -2px 11px 0 0;
    padding-top: 60px;
    width: 60px;
  }
  .home .topEntry .entryTit {
    font-size: 16px;
    line-height: 1.3125;
  }
  .home .topEntry .snsList {
    margin: 0 !important;
    padding-bottom: 6px;
    position: static;
    width: auto;
  }
  .home .topEntry .snsList li + li {
    margin-left: 14px;
  }
  .home .topEntry .snsList .twitter .icoSns:before {
    height: 15px;
    width: 19px;
  }
  .home .topEntry .snsList .facebook .icoSns:before {
    height: 16px;
    width: 7px;
  }

  .categoryHeader {
    margin-top: 32px;
  }
  .categoryHeader .categoryTit {
    font-size: 17px;
    line-height: 1.2941176471;
  }
  .categoryHeader .categoryTit .icoCat {
    margin-right: 5px;
    padding-top: 16px;
    top: -2px;
  }
  .categoryHeader .categoryTit .icoCat:before {
    display: none;
  }
  .categoryHeader .categoryTit .icoCat:after {
    background-image: url(../images/common/ico-cat.png);
    -moz-background-size: auto 200%;
    -o-background-size: auto 200%;
    -webkit-background-size: auto 200%;
    background-size: auto 200%;
  }
  .categoryHeader .categoryTit .icoCat.work {
    width: 14px;
  }
  .categoryHeader .categoryTit .icoCat.eat {
    margin-right: 8px;
    width: 12px;
  }
  .categoryHeader .categoryTit .icoCat.live {
    width: 17px;
  }
  .categoryHeader .categoryTit .icoCat.join {
    width: 19px;
  }

  .categoryTag {
    margin-top: 17px;
    position: relative;
    z-index: 10;
  }
  .categoryTag .btnSelect {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 13px;
    height: 45px;
    line-height: 43px;
    padding: 0 30px 0 15px;
  }
  .categoryTag .btnSelect:before, .categoryTag .btnSelect:after {
    border-style: solid;
    border-width: 6px 6px 0 6px;
    content: '';
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
  }
  .categoryTag .btnSelect:before {
    border-color: #000 transparent transparent transparent;
    margin-top: -3px;
  }
  .categoryTag .btnSelect:after {
    border-color: #fff transparent transparent transparent;
    margin-top: -4px;
  }
  .categoryTag .btnSelect.active:before, .categoryTag .btnSelect.active:after {
    border-width: 0 6px 6px 6px;
  }
  .categoryTag .btnSelect.active:before {
    border-color: transparent transparent #000 transparent;
    margin-top: -4px;
  }
  .categoryTag .btnSelect.active:after {
    border-color: transparent transparent #fff transparent;
    margin-top: -3px;
  }
  .categoryTag .btnSelect.active + ul {
    display: block;
  }
  .categoryTag ul {
    background: #fff;
    border: 1px solid #ccc;
    border-width: 0 1px 1px;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
  }
  .categoryTag ul li {
    display: block;
    font-size: 13px;
    line-height: 45px;
    margin: 0;
  }
  .categoryTag ul li + li {
    border-top: 1px dotted #ccc;
  }
  .categoryTag ul li a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: none;
    color: #333;
    padding: 0 15px;
  }
  .categoryTag ul li.current a {
    background: none;
    color: #333;
  }

  .feature .featureBlock {
    margin-top: 183px;
  }
  .feature .featureBlock a:before {
    top: -183px;
  }
  .feature .featureBlock .featureImg {
    height: 183px;
    top: 65px;
  }
  .feature .featureBlock .featureHeader .featureTit {
    font-size: 17px;
    line-height: 1.6470588235;
    padding: 18px 0;
  }
  .feature .featureOutline {
    font-size: 13px;
    line-height: 1.4807692308;
    margin: 26px 0 44px;
  }
  .feature .featureList .feature + .feature {
    margin-top: 20px;
  }
  .feature .featureList .feature > a {
    padding: 0;
  }
  .feature .featureList .feature .featureImg {
    height: 114px;
    position: static;
    width: auto;
  }
  .feature .featureList .feature .featureContent {
    display: block;
    height: auto;
  }
  .feature .featureList .feature .featureContent .featureInner {
    display: block;
    padding: 15px 20px 20px;
  }
  .feature .featureList .feature .featureTit {
    font-size: 14px;
    line-height: 1.5;
  }
  .feature .featureList .feature .featureTxt {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 11px;
    padding-top: 11px;
  }

  .mainEntryBlock .movie {
    padding-top: 50%;
  }
  .mainEntryBlock .map {
    padding-top: 200px;
  }
  .mainEntryBlock .mainEntryImg {
    height: 198px;
    margin-top: 0;
  }
  .mainEntryBlock .mainEntryHeader {
    margin-bottom: 20px;
    padding-top: 87px;
  }
  .mainEntryBlock .mainEntryHeader .entryFeature {
    font-size: 12px;
    line-height: 1.5;
    margin: -8px 0 12px;
  }
  .mainEntryBlock .mainEntryHeader .entryFeature a {
    padding: 0;
  }
  .mainEntryBlock .mainEntryHeader .entryFeature span {
    font-size: 12px;
    margin-bottom: 6px;
    padding: 4px 0;
    position: static;
    width: 66px;
  }
  .mainEntryBlock .mainEntryHeader .entryTit {
    font-size: 21px;
    line-height: 1.380952381;
  }
  .mainEntryBlock .mainEntryHeader .entryData {
    margin-bottom: 12px;
    padding-bottom: 10px;
  }
  .mainEntryBlock .mainEntryHeader .entryData .number {
    font-size: 20px;
    top: 42px;
  }
  .mainEntryBlock .mainEntryHeader .entryData .category {
    margin-left: -40px;
    top: -40px;
  }
  .mainEntryBlock .mainEntryHeader .entryData .category .icoCat {
    padding-top: 80px;
    width: 80px;
  }
  .mainEntryBlock .mainEntryHeader .entryData .tagList {
    margin-top: 26px;
  }
  .mainEntryBlock .mainEntryHeader .snsList {
    position: static;
    text-align: center;
  }
  .mainEntryBlock .mainEntryHeader .snsList li + li {
    margin-left: 15px;
  }
  .mainEntryBlock .mainEntryContent {
    font-size: 16px;
    line-height: 1.4666666667;
  }
  .mainEntryBlock .mainEntryContent .block {
    margin-top: 26px;
  }
  .mainEntryBlock .mainEntryContent img,
  .mainEntryBlock .mainEntryContent .movie,
  .mainEntryBlock .mainEntryContent .map {
    margin-bottom: 26px;
  }
  .mainEntryBlock .mainEntryContent h1, .mainEntryBlock .mainEntryContent h2, .mainEntryBlock .mainEntryContent h3, .mainEntryBlock .mainEntryContent h4, .mainEntryBlock .mainEntryContent h5, .mainEntryBlock .mainEntryContent h6 {
    margin-bottom: 22px;
  }
  .mainEntryBlock .mainEntryContent h1, .mainEntryBlock .mainEntryContent h2 {
    font-size: 16px;
    line-height: 1.4375;
  }
  .mainEntryBlock .mainEntryContent h3 {
    font-size: 15px;
    line-height: 1.4666666667;
  }
  .mainEntryBlock .mainEntryContent h4, .mainEntryBlock .mainEntryContent h5, .mainEntryBlock .mainEntryContent h6 {
    font-size: 14px;
    line-height: 1.5;
  }
  .mainEntryBlock .mainEntryContent p, .mainEntryBlock .mainEntryContent ul, .mainEntryBlock .mainEntryContent ol, .mainEntryBlock .mainEntryContent dl, .mainEntryBlock .mainEntryContent blockquote, .mainEntryBlock .mainEntryContent table, .mainEntryBlock .mainEntryContent div {
    margin-bottom: 21px;
  }
  .mainEntryBlock .mainEntryFooter {
    margin-top: 40px;
  }
  .mainEntryBlock .mainEntryFooter .backnumberBlock {
    margin-top: 22px;
  }
  .mainEntryBlock .mainEntryFooter .backnumberBlock .backnumberTit {
    font-size: 12px;
    min-width: 142px;
    padding: 4px 10px;
  }
  .mainEntryBlock .mainEntryFooter .backnumberBlock dl dt {
    font-size: 16px;
    line-height: 1.375;
    padding: 13px 19px;
  }
  .mainEntryBlock .mainEntryFooter .backnumberBlock dl dd {
    padding: 20px 19px 32px;
  }
  .mainEntryBlock .mainEntryFooter .backnumberBlock .backnumberList li {
    font-size: 13px;
    line-height: 1.3846153846;
  }
  .mainEntryBlock .mainEntryFooter .backnumberBlock .backnumberList li + li {
    margin-top: 20px;
  }
  .mainEntryBlock .mainEntryFooter .backnumberBlock .backnumberList li .number {
    display: block;
    font-size: 13px;
    margin: 0 0 5px;
    min-width: 0;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList {
    display: table;
    margin-top: 24px;
    table-layout: fixed;
    width: 100%;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList li {
    display: table-cell;
    float: none;
    font-size: 13px;
    line-height: 45px;
    vertical-align: top;
    width: 33%;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList li + li {
    margin-left: 0;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList li .icoSns {
    top: -1px;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList li.twitter .icoSns {
    margin-right: 6px;
    width: 17px;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList li.twitter .icoSns:before {
    height: 14px;
    width: 17px;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList li.facebook .icoSns {
    margin-right: 9px;
    top: -2px;
    width: 7px;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList li.facebook .icoSns:before {
    height: 16px;
    width: 7px;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList li.line {
    font-size: 12px;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList li.line a {
    background: #00c300;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList li.line .icoSns {
    margin-right: 8px;
    width: 17px;
  }
  .mainEntryBlock .mainEntryFooter .snsBtnList li.line .icoSns:before {
    height: 17px;
    width: 17px;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock {
    margin-top: 17px;
    padding: 20px;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock + .infoBlock {
    margin-top: 22px;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock .infoImg {
    float: none;
    margin-bottom: 13px;
    width: auto;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock .infoImg img {
    width: 100%;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock .infoContent {
    padding: 0;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader {
    margin: 0 0 9px;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader .infoTit {
    font-size: 16px;
    line-height: 1.375;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader .infoTit span {
    font-size: 10px;
    line-height: 1.7;
    margin-bottom: 3px;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock .infoContent .infoHeader p {
    font-size: 10px;
    line-height: 1.7;
    position: relative;
    top: -2px;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock .infoContent .dataList {
    margin: 9px 0 12px;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock .infoContent .dataList li {
    float: none;
    font-size: 10px;
    line-height: 1.7;
    min-width: 0;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock .infoContent .dataList li:nth-child(3) {
    margin-top: 5px;
  }
  .mainEntryBlock .mainEntryFooter .infoBlock .infoContent .txts {
    font-size: 10px;
    line-height: 1.7;
    margin-top: 10px;
  }
  .mainEntryBlock .mainEntryFooter .writerBlock .infoContent .infoHeader p {
    margin-top: 0;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock {
    margin-top: 30px;
    padding: 20px 0 40px;
    position: relative;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock .likeImg {
    height: 95px;
    width: 50%;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock .likeContent {
    height: 95px;
    width: 48%;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock .likeContent .likeInner {
    padding-bottom: 0;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock .likeContent .likeTit {
    font-size: 12px;
    line-height: 1.1666666667;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl {
    height: 25px;
    margin: 14px auto 0;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dt {
    font-size: 9px;
    line-height: 1.3333333333;
    width: 52px;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dt a {
    padding: 7px 5px 6px;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dd {
    padding-left: 9px;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dd .count {
    font-size: 10px;
    line-height: 1.2;
    min-height: 0;
    min-width: 66px;
    padding: 8px 5px 6px;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock .likeContent dl dd .count:before {
    border-width: 3px 5px 3px 0;
    left: -5px;
    margin-top: -3px;
  }
  .mainEntryBlock .mainEntryFooter .likeBlock .likeContent p {
    bottom: 15px;
    font-size: 10px;
    line-height: 1.2;
    position: absolute;
    right: 0;
    left: 0;
  }
  .mainEntryBlock .mainEntryFooter .bannerBlock {
    margin-top: 15px;
    padding: 0;
  }
  .mainEntryBlock .mainEntryFooter .bannerBlock div {
    display: none;
    float: none;
    height: auto !important;
    margin: 15px auto 0;
    padding: 0;
    width: auto;
  }
  .mainEntryBlock .mainEntryFooter .bannerBlock div:nth-child(2n) {
    padding: 0;
  }
  .mainEntryBlock .mainEntryFooter .bannerBlock div:first-child {
    display: block;
  }
  .mainEntryBlock .mainEntryFooter .relationBlock {
    margin-top: 30px;
    padding-top: 27px;
  }
  .mainEntryBlock .mainEntryFooter .relationBlock .relationTit {
    font-size: 15px;
    line-height: 1.3333333333;
    margin-bottom: 18px;
  }

  .pageBlock {
    padding-top: 36px;
  }

  .pageHeader {
    margin-bottom: 27px;
  }
  .pageHeader .pageTit {
    font-size: 21px;
    line-height: 1.4285714286;
  }
  .pageHeader .pageTit span {
    font-size: 21px;
    margin-bottom: 5px;
    padding-bottom: 13px;
  }
  .pageHeader .pageTit span:before {
    width: 65px;
  }

  .contactBlock .required {
    color: #c00;
  }
  .contactBlock .note {
    text-align: center;
  }
  .contactBlock .itemList {
    margin-top: 53px;
  }
  .contactBlock .itemList .item {
    margin-top: 20px;
  }
  .contactBlock .itemList .itemTit {
    margin-bottom: 6px;
  }
  .contactBlock .itemList .itemTit .required {
    margin-left: 0;
  }
  .contactBlock .btnBox {
    margin-top: 25px;
  }
  .contactBlock .btnBox .btn, .contactBlock .btnBox input,
  .contactBlock .btnBox input {
    font-size: 12px;
    line-height: 1.5;
    min-width: 135px;
    padding: 13px 10px;
  }
  .contactBlock .btnBox input + input {
    margin-left: 10px;
  }
  .contactBlock .formBlock .itemList .group .item {
    float: none;
    width: auto;
  }
  .contactBlock .formBlock .itemList .group .item:nth-child(2n) {
    float: none;
  }
  .contactBlock .formBlock .itemList .group .itemTit {
    margin-bottom: 0;
  }
  .contactBlock .formBlock input[type="text"],
  .contactBlock .formBlock input[type="email"],
  .contactBlock .formBlock input[type="url"] {
    padding: 18px 0 16px;
  }
  .contactBlock .formBlock select {
    margin-top: 18px;
  }
  .contactBlock .formBlock textarea {
    height: 150px;
    padding: 10px 15px;
  }
  .contactBlock .formBlock span.wpcf7-not-valid-tip {
    line-height: 1.4285714286;
    margin-top: 8px;
  }
  .contactBlock .confirmBlock .itemList .item {
    margin-top: 20px;
    padding-bottom: 20px;
  }
  .contactBlock .confirmBlock .itemList .itemTit {
    margin-bottom: 6px;
  }
  .contactBlock .completeBlock {
    margin: 0;
  }
  .contactBlock .completeBlock .tit {
    font-size: 18px;
    line-height: 1.3333333333;
    margin-bottom: 20px;
  }
  .contactBlock .completeBlock .txts {
    font-size: 14px;
  }
  .contactBlock .completeBlock .btnBox {
    margin-top: 30px;
  }

  .newsBlock .yearWrap {
    margin: 37px 0 5px;
  }
  .newsBlock .yearList {
    margin-right: -32px;
  }
  .newsBlock .yearList li {
    font-size: 16px;
    margin-right: 32px;
  }
  .newsBlock .yearList li a {
    padding: 9px 0 9px;
  }
  .newsBlock .newsData .date {
    font-size: 15px;
  }
  .newsBlock .newsData .category {
    top: 0;
  }
  .newsBlock .newsList li a {
    padding: 19px 0 21px;
  }
  .newsBlock .newsList li .newsTit {
    margin-top: 5px;
  }
  .newsBlock .mainNewsBlock {
    margin-top: 41px;
  }
  .newsBlock .mainNewsBlock .mainNewsHeader {
    margin-bottom: 8px;
  }
  .newsBlock .mainNewsBlock .mainNewsHeader .newsData {
    margin-bottom: 5px;
  }
  .newsBlock .mainNewsBlock .mainNewsHeader .mainNewsTit {
    font-size: 16px;
    line-height: 1.3125;
    margin-bottom: 7px;
    padding-bottom: 13px;
  }
  .newsBlock .mainNewsBlock .mainNewsHeader .utility {
    position: static;
  }
  .newsBlock .mainNewsBlock .mainNewsHeader .utility .snsList {
    display: block;
    text-align: center;
  }
  .newsBlock .mainNewsBlock .mainNewsHeader .utility .snsList li + li {
    margin-left: 15px;
  }
  .newsBlock .mainNewsBlock .mainNewsHeader .utility .btnPrint {
    display: none;
  }
  .newsBlock .mainNewsBlock .mainNewsContent {
    font-size: 14px;
    line-height: 1.5;
  }
  .newsBlock .mainNewsBlock .mainNewsContent .block {
    margin-top: 26px;
  }
  .newsBlock .mainNewsBlock .mainNewsContent img,
  .newsBlock .mainNewsBlock .mainNewsContent .movie,
  .newsBlock .mainNewsBlock .mainNewsContent .map {
    margin-bottom: 26px;
  }
  .newsBlock .mainNewsBlock .mainNewsContent h1, .newsBlock .mainNewsBlock .mainNewsContent h2, .newsBlock .mainNewsBlock .mainNewsContent h3, .newsBlock .mainNewsBlock .mainNewsContent h4, .newsBlock .mainNewsBlock .mainNewsContent h5, .newsBlock .mainNewsBlock .mainNewsContent h6 {
    margin-bottom: 22px;
  }
  .newsBlock .mainNewsBlock .mainNewsContent h1, .newsBlock .mainNewsBlock .mainNewsContent h2 {
    font-size: 16px;
    line-height: 1.4375;
  }
  .newsBlock .mainNewsBlock .mainNewsContent h3 {
    font-size: 15px;
    line-height: 1.4666666667;
  }
  .newsBlock .mainNewsBlock .mainNewsContent h4, .newsBlock .mainNewsBlock .mainNewsContent h5, .newsBlock .mainNewsBlock .mainNewsContent h6 {
    font-size: 14px;
    line-height: 1.5;
  }
  .newsBlock .mainNewsBlock .mainNewsContent p, .newsBlock .mainNewsBlock .mainNewsContent ul, .newsBlock .mainNewsBlock .mainNewsContent ol, .newsBlock .mainNewsBlock .mainNewsContent dl, .newsBlock .mainNewsBlock .mainNewsContent blockquote, .newsBlock .mainNewsBlock .mainNewsContent table, .newsBlock .mainNewsBlock .mainNewsContent div {
    margin-bottom: 21px;
  }
  .newsBlock .mainNewsBlock .mainNewsContent a[target=_blank] {
    padding-right: 16px;
  }
  .newsBlock .mainNewsBlock .mainNewsFooter {
    margin-top: 40px;
  }
  .newsBlock .mainNewsBlock .mainNewsFooter .btnBox .btnReturn {
    font-size: 12px;
    line-height: 1.5;
    padding: 13px 20px;
  }
  .newsBlock .otherNewsBlock {
    margin-top: 56px;
  }
  .newsBlock .otherNewsBlock .otherNewsTit {
    font-size: 16px;
    line-height: 1.4375;
    padding-bottom: 11px;
  }

  .searchBlock .resultBlock .resultHeader {
    margin: 42px 0 16px;
  }
  .searchBlock .resultBlock .resultHeader .resultTit {
    font-size: 16px;
    line-height: 1.4375;
  }
  .searchBlock .resultBlock .resultData {
    padding-bottom: 4px;
  }
  .searchBlock .resultBlock .resultData p {
    font-weight: bold;
  }
  .searchBlock .resultBlock .resultData p span {
    font-size: 20px;
    top: 1px;
  }
  .searchBlock .resultBlock .resultList .resultEntry a {
    padding: 15px 0 15px 95px;
  }
  .searchBlock .resultBlock .resultList .resultEntry .entryImg,
  .searchBlock .resultBlock .resultList .resultEntry .entryData {
    height: 47px;
    top: 20px;
    width: 80px;
  }
  .searchBlock .resultBlock .resultList .resultEntry .entryData p {
    font-size: 9px;
    line-height: 1.1428571429;
    padding: 4px;
  }
  .searchBlock .resultBlock .resultList .resultEntry .entryData p span {
    font-size: 8px;
    margin-bottom: 2px;
    padding-bottom: 4px;
  }
  .searchBlock .resultBlock .resultList .resultEntry .entryData p span:before {
    width: 19px;
  }
  .searchBlock .resultBlock .resultList .resultEntry .entryContent {
    height: 57px;
  }
  .searchBlock .resultBlock .resultList .resultEntry .entryContent .entryTit {
    font-size: 14px;
    line-height: 1.5;
  }
  .searchBlock .resultBlock .resultList .resultEntry .entryContent p {
    display: none;
  }
  .searchBlock .resultBlock .wp-pagenavi {
    margin-top: 30px;
  }
  .searchBlock .resultBlock .resultNoPost {
    margin-top: 25px;
  }
  .searchBlock .resultBlock .resultNoPost .tit {
    padding-top: 33px;
    width: 150px;
  }
  .searchBlock .resultBlock .resultNoPost .txts {
    line-height: 1.5;
    margin-top: 10px;
  }
  .searchBlock .resultBlock .resultNoPost .btnReturn {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 46px;
    min-width: 150px;
    padding: 14px 20px 13px;
  }

  .errorBlock {
    margin-top: 50px;
  }
  .errorBlock .errorHeader {
    margin-bottom: 6px;
  }
  .errorBlock .errorHeader:before {
    height: 33px;
    margin-bottom: 5px;
    width: 282px;
  }
  .errorBlock .txts {
    line-height: 1.5;
  }
  .errorBlock .menu {
    margin-top: 54px;
  }
  .errorBlock .menu dt {
    font-size: 21px;
    margin-bottom: 25px;
    padding-bottom: 8px;
  }
  .errorBlock .menu dt:before {
    width: 65px;
  }
  .errorBlock .menu ul li {
    line-height: 1.0714285714;
    width: 55px;
  }
  .errorBlock .menu ul li + li {
    margin-left: 20px;
  }
  .errorBlock .menu ul li a {
    min-height: 128px;
    padding: 0 20px;
  }
  .errorBlock .menu ul li .icoCat {
    margin: 0 -20px 8px;
    padding-top: 55px;
    width: 55px;
  }
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}