@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 960px) {
  .pcNone {
    display: none !important;
  }
  html {
    font-size: 14px;
  }
  body {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 1rem;
    text-align: center;
    background: #8dd244;
  }
  body:after {
    content: "";
    display: block;
    clear: both;
  }
  h1,
  h2,
  h3,
  h4,
  h5 {
    margin: 0;
    padding: 0;
    background-color: transparent;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: inherit;
    line-height: 1.05;
  }
  p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: inherit;
    line-height: 1.05;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: transparent;
  }
  dl {
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
  dt {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: inherit;
    line-height: 1.05;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: transparent;
  }
  dd {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: inherit;
    line-height: 1.05;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: transparent;
  }
  ul {
    margin: 0;
    padding: 0;
    list-style: none none outside;
    background-color: transparent;
  }
  ol {
    margin: 0;
    padding: 0;
    list-style: none none outside;
    background-color: transparent;
  }
  li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: inherit;
    line-height: 1.05;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: transparent;
  }
  table {
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
  th {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: inherit;
    vertical-align: top;
    text-align: left;
    line-height: 1.05;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: transparent;
  }
  td {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: inherit;
    line-height: 1.05;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: transparent;
    vertical-align: top;
  }
  address {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-style: normal;
    line-height: 1.05;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: transparent;
  }
  em {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.05;
    background-color: transparent;
  }
  img {
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
  }
  div {
    margin: 0;
    padding: 0;
    background: transparent;
  }
  a:link,
  a:visited {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    text-decoration: underline;
    color: inherit;
  }
  a:active,
  a:hover {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    text-decoration: none;
  }
  a.icon:active,
  a.icon:hover,
  a.icon:link,
  a.icon:visited {
    background: url("img/icon.png") no-repeat left center;
    padding: 0 0 0 18px;
  }
  a.image:link img,
  a.image:visited img {
    border: 1px solid #fff;
  }
  a.image:active img,
  a.image:hover img {
    border: 1px solid #333;
  }
  .clear:after {
    clear: both;
    content: "";
    display: block;
  }
  .pc-none {
    display: none;
  }
  /* */
  /* colorbox */
  #cboxOverlay,
  #cboxWrapper,
  #colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
  }
  #cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  #cboxBottomLeft,
  #cboxMiddleLeft {
    clear: left;
  }
  #cboxContent {
    position: relative;
    overflow: visible;
  }
  #cboxLoadedContent {
    overflow: auto;
  }
  #cboxLoadedContent iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
  }
  #cboxTitle {
    margin: 0;
  }
  #cboxLoadingGraphic,
  #cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #cboxClose {
    cursor: pointer;
  }
  #cboxOverlay {
    background: #000;
  }
  #cboxContent {
    margin-top: 32px;
  }
  #cboxLoadedContent {
    background: #000;
    padding: 1px;
  }
  #cboxLoadingGraphic {
    background: url("img/loading.gif") center center no-repeat;
  }
  #cboxLoadingOverlay {
    background: #000;
  }
  #cboxTitle {
    font-size: 14px;
    position: absolute;
    top: -17px;
    left: 0;
    color: #fff;
  }
  #cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
  }
  #cboxClose {
    text-indent: -9999px;
    width: 19px;
    height: 19px;
    position: absolute;
    top: -19px;
    background: url("img/controls.png") 0 0 no-repeat;
  }
  #cboxClose {
    background-position: 0 0;
    right: 0;
  }
  #cboxClose.hover {
    background-position: -19px 0;
  }
  #cboxPrevious {
    text-indent: -9999px;
    width: 19px;
    height: 19px;
    position: absolute;
    top: -19px;
    left: 0;
    background: url("img/prev.png") no-repeat 0 0;
  }
  #cboxPrevious:hover {
    text-indent: -9999px;
    width: 19px;
    height: 19px;
    position: absolute;
    top: -19px;
    left: 0;
    background: url("img/prev.png") no-repeat -19px 0;
  }
  #cboxNext {
    text-indent: -9999px;
    width: 19px;
    height: 19px;
    position: absolute;
    top: -19px;
    left: 19px;
    background: url("img/next.png") no-repeat 0 0;
  }
  #cboxNext:hover {
    text-indent: -9999px;
    width: 19px;
    height: 19px;
    position: absolute;
    top: -19px;
    left: 19px;
    background: url("img/next.png") no-repeat -19px 0;
  }
  /* */
  #header {
    width: 100%;
    height: 120px;
    background: url("img/header-bg.png") repeat-x center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
  }
  #header-body {
    width: 960px;
    text-align: left;
    padding: 11px 0 0;
    margin: 0 auto;
    position: relative;
  }
  #header #main-navi {
    width: 362px;
    height: 68px;
    position: absolute;
    top: 24px;
    left: 361px;
  }
  #header #main-navi ul {
    width: 358px;
    height: 68px;
    position: relative;
  }
  #header #main-navi li a:active,
  #header #main-navi li a:hover,
  #header #main-navi li a:link,
  #header #main-navi li a:visited {
    display: block;
    text-indent: -9999px;
  }
  #header #main-navi li#navi01 {
    width: 75px;
    height: 40px;
    background: url("img/navi-bg.gif") no-repeat right;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #header #main-navi li#navi01 a:link,
  #header #main-navi li#navi01 a:visited {
    height: 40px;
    background: url("img/navi01.gif") no-repeat left;
  }
  #header #main-navi li#navi01 a:active,
  #header #main-navi li#navi01 a:hover {
    height: 40px;
    background: url("img/navi01-on.gif") no-repeat left;
  }
  #header #main-navi li#navi03 {
    width: 121px;
    height: 40px;
    background: url("img/navi-bg.gif") no-repeat right;
    position: absolute;
    bottom: 0;
    left: 87px;
  }
  #header #main-navi li#navi03 a:link,
  #header #main-navi li#navi03 a:visited {
    width: 108px;
    height: 40px;
    background: url("img/navi03.gif") no-repeat left;
  }
  #header #main-navi li#navi03 a:active,
  #header #main-navi li#navi03 a:hover {
    width: 108px;
    height: 40px;
    background: url("img/navi03-on.gif") no-repeat left;
  }
  #header #main-navi li#navi04 {
    width: 138px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 220px;
  }
  #header #main-navi li#navi04 a:link,
  #header #main-navi li#navi04 a:visited {
    width: 138px;
    height: 40px;
    background: url("img/navi04.gif") no-repeat left;
  }
  #header #main-navi li#navi04 a:active,
  #header #main-navi li#navi04 a:hover {
    width: 138px;
    height: 40px;
    background: url("img/navi04-on.gif") no-repeat left;
  }
  #header #main-navi li#navi02 {
    width: 63px;
    height: 28px;
    background: url("img/navi-bg.gif") no-repeat right;
    position: absolute;
    top: 0;
    left: 68px;
  }
  #header #main-navi li#navi02 a:link,
  #header #main-navi li#navi02 a:visited {
    width: 66px;
    height: 28px;
    background: url("img/navi02.gif") no-repeat left;
  }
  #header #main-navi li#navi02 a:active,
  #header #main-navi li#navi02 a:hover {
    width: 66px;
    height: 28px;
    background: url("img/navi02-on.gif") no-repeat left;
  }
  #header #main-navi li#navi06 {
    width: 62px;
    height: 28px;
    background: url("img/navi-bg.gif") no-repeat right;
    position: absolute;
    top: 0;
    left: 144px;
  }
  #header #main-navi li#navi06 a:link,
  #header #main-navi li#navi06 a:visited {
    width: 49px;
    height: 28px;
    background: url("img/navi06.gif") no-repeat left;
  }
  #header #main-navi li#navi06 a:active,
  #header #main-navi li#navi06 a:hover {
    width: 49px;
    height: 28px;
    background: url("img/navi06-on.gif") no-repeat left;
  }
  #header #main-navi li#navi05 {
    width: 72px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 218px;
  }
  #header #main-navi li#navi05 a:link,
  #header #main-navi li#navi05 a:visited {
    width: 72px;
    height: 28px;
    background: url("img/navi05.gif") no-repeat left;
  }
  #header #main-navi li#navi05 a:active,
  #header #main-navi li#navi05 a:hover {
    width: 72px;
    height: 28px;
    background: url("img/navi05-on.gif") no-repeat left;
  }
  /*
	#social {}

	#social #facebook {
		position: absolute;
		top: 28px;
		left: 833px;
		z-index: 999;
	}

	#social #twitter {
		text-align: right;
		position: absolute;
		top: 57px;
		left: 833px;
		z-index: 999;
	}

	#social #line {
		display: none;
	}
	*/
  #social {
    text-align: right;
    position: absolute;
    top: calc(((87px - 3rem) / 2) + 11px);
    right: -0.25em;
  }
  #social:after {
    clear: both;
    content: '';
    display: block;
  }
  #social > * {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 0.25rem;
  }
  #social > * img {
    height: 3rem;
  }
  #main {
    width: 100%;
    background: #fff;
  }
  #main-body {
    width: 960px;
    text-align: left;
    margin: 0 auto;
    background: #fff;
  }
  #contents {
    width: 960px;
    padding: 0 0 40px;
  }
  #contents:after {
    clear: both;
    content: "";
    display: block;
  }
  #back {
    width: 128px;
    height: 111px;
    position: absolute;
    top: -128px;
    right: 0;
  }
  #back a:link,
  #back a:visited {
    display: block;
    width: 128px;
    height: 111px;
    text-indent: -9999px;
    background: url("img/back.png") no-repeat center;
  }
  #back a:active,
  #back a:hover {
    display: block;
    width: 128px;
    height: 111px;
    text-indent: -9999px;
    background: url("img/back-on.png") no-repeat center;
  }
  #footer {
    width: 100%;
    padding: 17px 0 26px;
    background: url("img/footer-bg02.gif") repeat-x;
    position: relative;
  }
  #footer-mask {
    width: 100%;
    height: 7px;
    background: url("img/footer-bg01.png") no-repeat center;
    position: absolute;
    top: -7px;
    left: 0;
    z-index: 999;
  }
  #footer-body {
    width: 960px;
    text-align: left;
    margin: 0 auto;
    position: relative;
  }
  #footer address {
    color: #fff;
    line-height: 1.5;
  }
  #footer p#copyright {
    color: #fff;
    line-height: 1.5;
    margin: 3em 0 0;
    position: absolute;
    top: 0;
    right: 0;
  }
  #footer ul {
    color: #fff;
    line-height: 1.5;
    position: absolute;
    top: 0;
    right: 0;
  }
  #footer ul:after {
    clear: both;
    content: "";
    display: block;
  }
  #footer ul li {
    float: left;
    color: #fff;
    line-height: 1.5;
    margin: 0 16px 0 0;
  }
  #footer ul li.right {
    margin-right: 0;
  }
  /* image */
  #image {
    width: 960px;
    height: 240px;
    margin: 0 0 10px;
    position: relative;
  }
  #image.type0 {
    background: url("img/bg01.jpg") no-repeat;
  }
  #image.type1 {
    background: url("img/bg02.jpg") no-repeat;
  }
  #image.type2 {
    background: url("img/bg03.jpg") no-repeat;
  }
  #image.type3 {
    background: url("img/bg04.jpg") no-repeat;
  }
  #image #ancestor {
    width: 240px;
    height: 160px;
    text-indent: -9999px;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 998;
  }
  #image #ancestor.cat2 {
    background: url("img/cat-info.png") no-repeat;
  }
  #image #ancestor.cat3 {
    background: url("img/cat-recommend.png") no-repeat;
  }
  #image #ancestor.cat8,
  #image #ancestor.page6 {
    background: url("img/cat-want.png") no-repeat;
  }
  #image #ancestor.cat9 {
    background: url("img/cat-recruit.png") no-repeat;
  }
  #image #ancestor.page4 {
    background: url("img/cat-shop.png") no-repeat;
  }
  #image #ancestor.page8 {
    background: url("img/cat-contact.png") no-repeat;
  }
  #image #ancestor.page14 {
    background: url("img/cat-policy.png") no-repeat;
  }
  #image #ancestor.page12 {
    background: url("img/cat-sitemap.png") no-repeat;
  }
  #image #ancestor.cat10 {
    background: url("img/cat-store.png") no-repeat;
  }
  #image #image-mask {
    width: 960px;
    height: 244px;
    background: url("img/image-bg02.png") no-repeat bottom;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 996;
  }
  /* index */
  .index {
    padding-bottom: 0 !important;
  }
  #index-image {
    width: 960px;
    height: 404px;
    margin: 0 0 6px;
    position: relative;
  }
  #index-image #image-mask {
    width: 960px;
    height: 404px;
    background: url("img/image-bg.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 996;
  }
  #index-image #catch {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 997;
  }
  /* slide */
  .slide {
    width: 960px;
    height: 400px;
    overflow: hidden;
    position: relative;
  }
  .slide-image li {
    display: none;
    position: absolute;
    top: -100px;
    left: 0;
  }
  .slide-image li img {
    display: block;
  }
  .slide-thum {
    position: absolute;
    bottom: 16px;
    right: 4px;
    z-index: 998;
  }
  .slide-thum:after {
    clear: both;
    content: "";
    display: block;
  }
  .slide-thum li {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    text-indent: -9999px;
    background: url("img/off.png") no-repeat;
  }
  .slide-thum li.on,
  .slide-thum li:hover {
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background: url("img/on.png") no-repeat;
  }
  .index01 {
    width: 960px;
    padding: 0 0 61px;
    margin: 0 0 30px;
    background: url("img/index-bg04.jpg") no-repeat bottom;
  }
  .index01-body {
    width: 960px;
    background: url("img/index-bg01.jpg") no-repeat 348px bottom;
  }
  .index01-body:after {
    clear: both;
    content: "";
    display: block;
  }
  .index01-r {
    width: 536px;
    float: right;
    margin: 0 0 0 80px;
  }
  .index0101 {
    width: 536px;
    padding: 0 0 54px;
    background: url("img/index-bg02.jpg") no-repeat bottom;
  }
  .index0101:after {
    clear: both;
    content: "";
    display: block;
  }
  .index0101-l {
    width: 148px;
    float: left;
    margin: 4px 16px 0 0;
  }
  .index0101-r {
    width: 372px;
    float: left;
    margin: 2px 0 0;
  }
  .index0101-r li {
    line-height: 1.5;
  }
  .index0101-r li .update {
    color: #dd0012;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
  }
  .index0102 {
    width: 536px;
    position: relative;
  }
  .index0102 h2 {
    margin: 0 0 16px;
  }
  .index010201 {
    width: 536px;
    position: relative;
  }
  .index010201 dl {
    width: 252px;
    float: left;
    margin: 0 32px 0 0;
    position: relative;
  }
  .index010201 dl:last-of-type {
    margin-right: 0;
  }
  .index0102 dt {
    float: right;
    margin: 0.625em 0 0 1em;
  }
  .index0102 dt img {
    border-radius: 12px;
  }
  .index0102 dt img.baloon {
    width: 60px;
    border-radius: 0;
    position: absolute;
    top: -20px;
    right: -20px;
  }
  .index0102 dd {
    line-height: 1.5;
  }
  .index0102 dd:after {
    clear: both;
    content: "";
    display: block;
  }
  .index0102 dd .date {
    display: block;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: bold;
  }
  .index01-l {
    width: 344px;
    float: right;
    margin: 10px 0 0;
  }
  .index01-l h2 img {
    width: 344px;
  }
  .index0103 {
    width: 384px;
  }
  .index0103 h3 {
    margin: 0 0 16px;
  }
  .index0103 dt {
    width: 180px;
    height: 180px;
    text-indent: -9999px;
    margin: 0 auto;
    background: url("img/index-bg.png") no-repeat center;
    background-size: contain;
    position: relative;
  }
  .index0103 dt img {
    display: block;
    width: 180px;
    height: 180px;
  }
  .index0103 .mask {
    display: block;
    width: 180px;
    height: 180px;
    background: url("img/index-mask01.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 998;
  }
  .index0103 dd {
    width: 344px;
    line-height: 1.5;
  }
  .index0103 dd .title {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 8px 0 0;
  }
  .index02 {
    width: 960px;
    padding: 0 0 52px;
    margin: 0 0 20px;
    background: url("img/index-bg05.gif") no-repeat bottom;
    position: relative;
  }
  .index02 h2 {
    position: absolute;
    top: -12px;
    left: 296px;
  }
  .index02 h3 {
    margin: 0 0 5px;
  }
  .index0201 {
    width: 280px;
    min-height: 160px;
  }
  .index0201 li {
    line-height: 1.5;
  }
  .index0202 {
    width: 280px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .index0202 dl {
    width: 280px;
  }
  .index0202 dl:after {
    clear: both;
    content: "";
    display: block;
  }
  .index0202 dl dt {
    width: 80px;
    float: right;
    margin: 3px 0 0 12px;
  }
  .index0202 dl dt img {
    width: 78px;
  }
  .index0202 dl dd {
    width: 188px;
    float: right;
    line-height: 1.5;
  }
  .index0202 dl dd .title {
    display: block;
    font-size: 16px;
    margin: 0 8px 0 0;
  }
  .index0202 dl dd .update {
    display: block;
    color: #dd0012;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
  }
  .index03 {
    width: 800px;
  }
  .index03:after {
    clear: both;
    content: "";
    display: block;
  }
  #kuroda {
    width: 360px;
    float: left;
    position: relative;
  }
  #kuroda h2 a:active,
  #kuroda h2 a:hover,
  #kuroda h2 a:link,
  #kuroda h2 a:visited {
    display: block;
    width: 232px;
    height: 142px;
    text-indent: -9999px;
    background: url("img/kuroda.jpg") no-repeat top;
  }
  #kuroda p {
    line-height: 1.5;
    position: absolute;
    bottom: 12px;
    left: 184px;
  }
  #tamayu {
    width: 440px;
    float: left;
    position: relative;
  }
  #tamayu h2 a:active,
  #tamayu h2 a:hover,
  #tamayu h2 a:link,
  #tamayu h2 a:visited {
    display: block;
    width: 232px;
    height: 140px;
    text-indent: -9999px;
    background: url("img/tamayu.jpg") no-repeat top;
  }
  #tamayu p {
    line-height: 1.5;
    position: absolute;
    bottom: 12px;
    left: 228px;
  }
  /* page */
  #page {
    width: 680px;
    margin: 0 0 0 140px;
  }
  /* want */
  #items {
    width: 944px;
    margin: 0 0 32px 16px;
  }
  #item-flow {
    text-align: center;
  }
  .item {
    width: 220px;
    float: left;
    padding: 12px 0 2px;
    margin: 16px 16px 0 0;
    background: #8fd340;
    border-radius: 8px;
  }
  .item.type0 {
    background: url("img/want-bg01.jpg") no-repeat #000;
  }
  .item.type1 {
    background: url("img/want-bg02.jpg") no-repeat #000;
  }
  .item.type2 {
    background: url("img/want-bg03.jpg") no-repeat #000;
  }
  .item.type3 {
    background: url("img/want-bg04.jpg") no-repeat #000;
  }
  .item.type4 {
    background: url("img/want-bg05.jpg") no-repeat #000;
  }
  .item .find-sign {
    display: block;
    width: 72px;
    height: 64px;
    background: url("img/find.png") no-repeat;
    position: absolute;
    top: -12px;
    right: -12px;
  }
  .item dl:after {
    clear: both;
    content: "";
    display: block;
  }
  .item dd {
    line-height: 1.5;
  }
  .item span {
    display: block;
  }
  .item .want {
    width: 196px;
    margin: 0 12px;
  }
  .item .want dt {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 1px 1px #000;
  }
  .item .want dd {
    color: #fff;
    text-shadow: 1px 1px #000;
    padding: 0 0 8px;
  }
  .item .want .update {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 5px 0 2px;
  }
  .item .find {
    padding: 9px 12px;
    margin: 0 2px;
    background: #fff;
    border-radius: 0 0 6px 6px;
  }
  .item .find dt {
    text-align: center;
    margin: 3px 0;
  }
  .item .find .update {
    color: #dd0012;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 2px;
  }
  .item .find .title {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 3px;
  }
  #item-form {
    width: 220px;
    float: left;
    padding: 12px 0;
    margin: 16px 16px 0 0;
    background: #6ca530;
    border-radius: 8px;
  }
  #item-form h2 {
    height: 20px;
    text-indent: -9999px;
    margin: 0 12px;
    background: url("img/post.png") no-repeat center;
  }
  #item-form p {
    color: #fff;
    line-height: 1.5;
    margin: 9px 12px 0;
  }
  #item-form input,
  #item-form textarea {
    width: 100%;
    padding: 5px 0;
    border: none;
  }
  #item-form .submit {
    color: #fff;
    cursor: pointer;
    background: #dd0012;
    border-radius: 2px;
  }
  #item-form .submit:hover {
    background: #333;
  }
  /* info */
  #info {
    width: 680px;
    margin: 0 0 0 140px;
  }
  #info-other {
    width: 680px;
    margin: 40px 0 0 140px;
  }
  #info-other:after {
    clear: both;
    content: "";
    display: block;
  }
  #info-other-l {
    width: 330px;
    float: left;
    margin: 0 20px 0 0;
  }
  #info-other-r {
    width: 330px;
    float: left;
  }
  #info-other h2 {
    color: #268244;
    font-size: 16px;
    letter-spacing: 0.25em;
    margin: 0 0 9px;
  }
  #info-other li {
    line-height: 1.5;
  }
  /* post */
  .post {
    padding: 0 0 48px;
    margin: 0 0 24px;
    background: url("img/post-bg.gif") no-repeat bottom;
  }
  .post.bottom {
    padding-bottom: 0;
    background: none;
  }
  .post .h2,
  .post h2 {
    color: #268244;
    font-size: 20px;
    letter-spacing: 0.25em;
    margin: 0 0 12px;
  }
  .post p {
    line-height: 1.5;
    margin: 0 0 12px;
  }
  .post ul {
    list-style: disc;
    margin: 0 0 12px 1.5em;
  }
  .post li {
    line-height: 1.5;
  }
  .post table {
    width: 100%;
    margin: 0 0 12px;
    border-top: 1px dotted #268244;
  }
  .post table th {
    color: #268244;
    padding: 5px 0;
    line-height: 1.5;
    border-bottom: 1px dotted #268244;
  }
  .post table td {
    padding: 5px 0;
    line-height: 1.5;
    border-bottom: 1px dotted #268244;
  }
  .post .need {
    color: #ff0000;
  }
  .post .update {
    color: #dd0012;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
  }
  .post .middle {
    margin-top: 40px;
  }
  .post .bottom {
    margin-bottom: 0;
  }
  /* wp-pagenavi */
  .wp-pagenavi {
    clear: both;
  }
  .wp-pagenavi:after {
    content: "";
    display: block;
    clear: both;
  }
  .wp-pagenavi span.pages {
    display: inline-block;
    width: 64px;
    color: #fff;
    line-height: 32px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    margin: 0 4px 0 0;
    background: url("img/pagenavi01.gif") no-repeat;
  }
  .wp-pagenavi span.current {
    display: inline-block;
    width: 32px;
    color: #fff;
    line-height: 32px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    margin: 0 4px 0 0;
    background: url("img/pagenavi03.gif") no-repeat;
  }
  .wp-pagenavi a.first:link,
  .wp-pagenavi a.first:visited,
  .wp-pagenavi a.last:link,
  .wp-pagenavi a.last:visited,
  .wp-pagenavi a.page:link,
  .wp-pagenavi a.page:visited {
    display: inline-block;
    width: 32px;
    color: #fff;
    line-height: 32px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 0 4px 0 0;
    background: url("img/pagenavi02.gif") no-repeat;
  }
  .wp-pagenavi a.first:active,
  .wp-pagenavi a.first:hover,
  .wp-pagenavi a.last:active,
  .wp-pagenavi a.last:hover,
  .wp-pagenavi a.page:active,
  .wp-pagenavi a.page:hover {
    display: inline-block;
    width: 32px;
    color: #fff;
    line-height: 32px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    margin: 0 4px 0 0;
    background: url("img/pagenavi03.gif") no-repeat;
  }
  /* add 181224 */
  .index .link {
    display: block;
    width: 12em;
    color: #268244;
    text-align: center;
    text-decoration: none;
    padding: 1em 0;
    margin: 0 auto;
    border: 1px solid #268244;
    background: url("img/tri.png") right 2px bottom 2px/auto 0.5em no-repeat;
  }
  .index .link:hover {
    color: #fff;
    background: #268244;
  }
  .index .a {
    position: relative;
  }
  .index .a.a2 {
    margin-top: 1.5em;
  }
  .index .a.a3 {
    padding-bottom: 3.5em;
  }
  .index .a .hum {
    width: 14em;
    height: 8em;
    background: url("img/bg05.png") center/auto 8em no-repeat;
    position: absolute;
    top: -21px;
    left: 64px;
    z-index: 3;
  }
  .index .a h2 img {
    display: block;
    margin: 0 auto;
  }
  .index .a h2.h2 {
    background: url("img/index-bg02.jpg") right center/auto calc(100% - 1.5rem) no-repeat;
  }
  .index .a .body {
    width: 810px;
    margin: 1.5em auto 0;
  }
  .index .a .body:after {
    clear: both;
    content: '';
    display: block;
  }
  .index .a .body dl {
    width: calc((100% - 6em - 1px) / 3);
    float: left;
    margin: 3em 3em 0 0;
  }
  .index .a .body dl:nth-child(3n) {
    margin-right: 0;
  }
  .index .a .body dl:nth-child(-n+3) {
    margin-top: 0;
  }
  .index .a .body dl:nth-child(3n+1) {
    clear: both;
  }
  .index .a .body dl dt {
    width: 100%;
    padding-top: 100%;
    position: relative;
  }
  .index .a .body dl dt .img {
    display: block;
    width: calc(100% - 2px);
    padding-top: calc(100% - 2px);
    background: center / cover no-repeat;
    position: absolute;
    top: 1px;
    left: 1px;
  }
  .index .a .body dl dt .mask {
    display: block;
    width: 100%;
    padding-top: 100%;
    background: url("img/mask.png") center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .index .a .body dl dt .mask.mask2 {
    background-image: url("img/mask2.png");
  }
  .index .a .body dl dt .baloon {
    display: block;
    width: 4.5em;
    color: #fff;
    text-align: center;
    padding: 1.75em 0;
    background: #6A9F34;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
  }
  .index .a .body dl dt .baloon.kuroda {
    background: #ef8322;
  }
  .index .a .body dl dd span {
    display: block;
  }
  .index .a .body dl dd span.title {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin: calc(1rem - 0.25em) 0 -0.25em;
  }
  .index .a .body dl dd span.txt {
    line-height: 1.5;
    margin: calc(1rem - 0.25em) 0 -0.25em;
  }
  .index .a p {
    margin-top: 3em;
  }
  .index .b {
    padding-top: 4.5em;
    background: url("img/bg06.jpg") left top 4.5em/auto 7em no-repeat;
  }
  .index .b h2 img {
    display: block;
    margin: 0 auto;
  }
  .index .b .body {
    width: 720px;
    margin: 1.5rem auto 0;
  }
  .index .b .body .left {
    width: 340px;
    float: left;
    margin-right: 40px;
  }
  .index .b .body .rigth {
    width: 340px;
    float: right;
  }
  .index .c {
    margin-top: 4.5em;
  }
  .index .d {
    height: 4.5em;
    margin-bottom: 2em;
    background: url("img/index-bg04.jpg") center top/contain no-repeat;
  }
  .index .wp-pagenavi {
    text-align: center;
    margin-top: 1.5rem;
  }
}