@charset "UTF-8";
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

.fl {
  float: left; }

.fr {
  float: right; }

img {
  vertical-align: bottom; }

a {
  transition: 0.3s; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
#loading {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 60px;
  height: 60px;
  margin: auto;
  border-width: 3px;
  border-style: solid;
  border-color: transparent #a52d2d #a52d2d #a52d2d;
  border-radius: 30px;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
  position: fixed;
  display: none;
  z-index: 200;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 199;
  background: #fff;
  display: none; }

html, body {
  min-height: 100%;
  position: relative; }

.modal {
  display: none;
  width: 500px;
  height: 320px;
  color: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 1px solid #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  z-index: 9999; }
  .modal p {
    text-align: center;
    margin-top: 40px;
    line-height: 1.4; }
  .modal .btnWrapper {
    margin-top: 40px; }
    .modal .btnWrapper a {
      display: block;
      width: 400px;
      height: 60px;
      color: #fff;
      border: 1px solid #fff;
      margin: 20px auto 0;
      text-align: center;
      line-height: 60px; }
      .modal .btnWrapper a:hover {
        color: #000;
        background-color: #fff; }

#wrapper {
  display: none;
  width: 1200px;
  height: 100%;
  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
  margin: 0 auto; }
  #wrapper #header {
    display: table;
    width: 1170px;
    height: 50px;
    background-image: url(../img/bg_dotW.png);
    margin: 12px auto 10px;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif; }
    #wrapper #header h1 {
      display: table-cell;
      padding-left: 15px;
      vertical-align: middle; }
      #wrapper #header h1 a {
        display: table;
        color: #000; }
        #wrapper #header h1 a img {
          display: table-cell;
          width: 35px;
          height: 50px;
          vertical-align: middle; }
        #wrapper #header h1 a span {
          display: table-cell;
          color: #4a4a4a;
          padding-left: 6px;
          vertical-align: middle;
          font-size: 34px; }
    #wrapper #header #nav {
      display: table-cell;
      padding-right: 35px;
      vertical-align: middle; }
      #wrapper #header #nav .dropdown li {
        position: relative;
        list-style-image: url(data:0); }
      #wrapper #header #nav .dropdown > li {
        min-width: 100px;
        border-right: 1px solid #000;
        text-align: center;
        font-size: 14px;
        float: left; }
        #wrapper #header #nav .dropdown > li:first-child {
          border-left: 1px solid #000; }
        #wrapper #header #nav .dropdown > li:nth-child(5) {
          min-width: 120px; }
        #wrapper #header #nav .dropdown > li:hover .secondcat > li {
          overflow: visible;
          height: 24px; }
          #wrapper #header #nav .dropdown > li:hover .secondcat > li:hover ul li {
            overflow: visible;
            height: 24px; }
        #wrapper #header #nav .dropdown > li > a {
          display: block;
          min-width: 96px;
          color: #000;
          padding: 4px 20px;
          margin: 0 auto;
          box-sizing: border-box;
          position: relative; }
          #wrapper #header #nav .dropdown > li > a:hover::before {
            width: 10px;
            height: 10px;
            background-color: #a52d2d; }
          #wrapper #header #nav .dropdown > li > a::before {
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            position: absolute;
            bottom: 6px;
            left: 6px;
            transition: 0.4s; }
        #wrapper #header #nav .dropdown > li .active::before {
          width: 12px;
          height: 12px;
          background-color: #a52d2d; }
        #wrapper #header #nav .dropdown > li .secondcat {
          width: 135px;
          position: absolute;
          z-index: 9999;
          top: 30px;
          left: 0;
          -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }
          #wrapper #header #nav .dropdown > li .secondcat li {
            overflow: hidden;
            width: 100%;
            height: 0;
            background-color: #fff;
            text-align: left;
            box-sizing: border-box;
            font-size: 13px;
            float: left;
            transition: 0.4s; }
            #wrapper #header #nav .dropdown > li .secondcat li .thirdcat {
              width: 125px;
              position: absolute;
              z-index: 9999;
              top: 0;
              left: 136px;
              -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }
            #wrapper #header #nav .dropdown > li .secondcat li a {
              display: block;
              color: #000;
              padding: 4px 0;
              box-sizing: border-box;
              padding-left: 10px; }
              #wrapper #header #nav .dropdown > li .secondcat li a span {
                color: #aaa;
                margin-left: 4px;
                font-size: 10px;
                font-weight: bold; }
              #wrapper #header #nav .dropdown > li .secondcat li a:hover {
                color: #fff;
                background-color: #a52d2d; }
                #wrapper #header #nav .dropdown > li .secondcat li a:hover span {
                  color: #fff; }
            #wrapper #header #nav .dropdown > li .secondcat li .active {
              color: #fff;
              background-color: #a52d2d; }
  #wrapper #footer {
    margin-top: 15px; }
    #wrapper #footer p {
      height: 30px;
      background-image: url(../img/bg_dotW.png);
      text-align: center;
      line-height: 30px;
      font-size: 14px;
      font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif; }
#footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  display: flex;
  justify-content:center;
  align-items: center;
  background-color: white;
}
.undermar{
  padding-bottom: 80px;
}
.marleft{
  margin-left: 20px;
}
.clear {
  clear:both;
}
.buy_btn_flex{
  margin-top: 10px;
  margin-bottom: 5px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.buy_btn{
 width: 28%;
  padding: 0 5px;
}
.buy_btn_eros{
  width: 30%;
  padding: 0 5px;
}
.yokoku_btn_box{
  width: 100%;
}
.yokoku_btn_eros{
  width: 40%;
  margin:  10px auto 0px;
}
.yokoku_btn_eros img {
  width: 100%;
  height: auto;
}
.buy_btn_eros img{
  width: 100%;
  height: auto;
}
.buy_btn img{
 width: 100%;
  height: auto;
}
.imgsm img{
  height: 35px;
  width: auto;
}
#footer p{
  width: auto;;
}
  #wrapper .content {
    width: 980px;
    min-height: 680px;
    margin: 0 auto; }
  #wrapper .home {
    width: 1000px;
    margin: 0 auto; }
    #wrapper .home #slider .slide {
      margin: 0 10px; }
    #wrapper .home #slider:hover .slick-arrow {
      opacity: 1; }
    #wrapper .home #slider .slick-arrow {
      position: absolute;
      display: block;
      width: 20px;
      height: 30px;
      border: none;
      background: none;
      text-indent: -9999px;
      top: 50%;
      margin-top: -15px;
      cursor: pointer;
      z-index: 10;
      opacity: 0;
      -webkit-transition: opacity 0.5s;
      transition: opacity 0.5s; }
      #wrapper .home #slider .slick-arrow::before, #wrapper .home #slider .slick-arrow::after {
        content: "";
        position: absolute;
        width: 50%;
        height: 50%;
        background-color: #fff; }
    #wrapper .home #slider .slick-prev {
      left: 20px; }
      #wrapper .home #slider .slick-prev::before {
        left: 30%;
        top: 0;
        -webkit-transform: skew(145deg, 0deg);
        -ms-transform: skew(145deg, 0deg);
        transform: skew(145deg, 0deg); }
      #wrapper .home #slider .slick-prev::after {
        left: 30%;
        top: 50%;
        -webkit-transform: skew(-145deg, 0deg);
        -ms-transform: skew(-145deg, 0deg);
        transform: skew(-145deg, 0deg); }
    #wrapper .home #slider .slick-next {
      right: 20px; }
      #wrapper .home #slider .slick-next::before {
        right: 30%;
        top: 0;
        -webkit-transform: skew(35deg, 0deg);
        -ms-transform: skew(35deg, 0deg);
        transform: skew(35deg, 0deg); }
      #wrapper .home #slider .slick-next::after {
        right: 30%;
        top: 50%;
        -webkit-transform: skew(-35deg, 0deg);
        -ms-transform: skew(-35deg, 0deg);
        transform: skew(-35deg, 0deg); }
    #wrapper .home #slider .slick-dots {
      text-align: center;
      position: absolute;
      bottom: -24px;
      right: 10px; }
      #wrapper .home #slider .slick-dots li {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 4px;
        padding: 0;
        position: relative; }
        #wrapper .home #slider .slick-dots li button {
          display: block;
          width: 14px;
          height: 14px;
          color: transparent;
          background: transparent;
          border: 0;
          outline: none;
          font-size: 0;
          line-height: 0;
          cursor: pointer; }
          #wrapper .home #slider .slick-dots li button::before {
            content: "";
            width: 14px;
            height: 14px;
            background: none;
            border: 2px solid #666;
            border-radius: 50%;
            box-sizing: border-box;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            opacity: 0.75; }
      #wrapper .home #slider .slick-dots .slick-active button::before {
        background-color: #666; }
    #wrapper .home .bottom {
      width: 980px;
      margin: 34px auto 0; }
      #wrapper .home .bottom .news {
        width: 614px;
        height: 190px;
        color: #fff;
        background-image: url(../img/bg_dotB.png);
        padding: 15px 20px;
        font-size: 12px;
        box-sizing: border-box; }
        #wrapper .home .bottom .news li {
          margin-top: 8px; }
          #wrapper .home .bottom .news li:first-child {
            margin-top: 0; }
          #wrapper .home .bottom .news li dl {
            display: table; }
            #wrapper .home .bottom .news li dl dt {
              display: table-cell;
              width: 120px; }
            #wrapper .home .bottom .news li dl dd {
              display: table-cell; }
              #wrapper .home .bottom .news li dl dd a {
                color: #fff;
                text-decoration: underline; }
  #wrapper .new, #wrapper .works {
    width: 1170px; }
    #wrapper .new .archiveWrapper .selector, #wrapper .works .archiveWrapper .selector {
      margin-bottom: 13px;
      padding-top: 12px; }
      #wrapper .new .archiveWrapper .selector ul, #wrapper .works .archiveWrapper .selector ul {
        padding: 4px 6px;
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }
        #wrapper .new .archiveWrapper .selector ul li, #wrapper .works .archiveWrapper .selector ul li {
          display: inline-block;
          margin-left: 6px;
          font-size: 11px; }
          #wrapper .new .archiveWrapper .selector ul li:first-child, #wrapper .works .archiveWrapper .selector ul li:first-child {
            margin-left: 0; }
          #wrapper .new .archiveWrapper .selector ul li a, #wrapper .works .archiveWrapper .selector ul li a {
            display: inline-block;
            color: #999;
            padding: 6px 12px;
            position: relative; }
            #wrapper .new .archiveWrapper .selector ul li a:hover, #wrapper .works .archiveWrapper .selector ul li a:hover {
              color: #000; }
              #wrapper .new .archiveWrapper .selector ul li a:hover::after, #wrapper .works .archiveWrapper .selector ul li a:hover::after {
                width: 100%; }
            #wrapper .new .archiveWrapper .selector ul li a::after, #wrapper .works .archiveWrapper .selector ul li a::after {
              content: "";
              width: 0;
              height: 2px;
              background-color: #a52d2d;
              position: absolute;
              bottom: 0;
              left: 0;
              transition: 0.4s; }
          #wrapper .new .archiveWrapper .selector ul li .active::after, #wrapper .works .archiveWrapper .selector ul li .active::after {
            width: 100%; }
    #wrapper .new .archiveWrapper .noshadow ul, #wrapper .works .archiveWrapper .noshadow ul {
      -webkit-box-shadow: none;
      box-shadow: none; }
    #wrapper .new .archiveWrapper .second_cat, #wrapper .works .archiveWrapper .second_cat {
      padding-top: 0;
      margin-top: -13px;
      border-top: 1px solid #ccc; }
    #wrapper .new .archiveWrapper .archive .archiveInner, #wrapper .works .archiveWrapper .archive .archiveInner {
      margin-left: -16px; }
      #wrapper .new .archiveWrapper .archive .archiveInner .work, #wrapper .works .archiveWrapper .archive .archiveInner .work {
        display: inline-block;
        width: 374px;
        padding: 16px 0;
        padding-left: 16px;
        vertical-align: top;
        border-top: 1px dotted #aaa; }
        #wrapper .new .archiveWrapper .archive .archiveInner .work .imgWrapper, #wrapper .works .archiveWrapper .archive .archiveInner .work .imgWrapper {
          margin-right: 12px; }
        #wrapper .new .archiveWrapper .archive .archiveInner .work .noPhoto, #wrapper .works .archiveWrapper .archive .archiveInner .work .noPhoto {
          width: 140px;
          height: 180px;
          background-color: #aaa; }
        #wrapper .new .archiveWrapper .archive .archiveInner .work .info, #wrapper .works .archiveWrapper .archive .archiveInner .work .info {
          width: 215px; }
          #wrapper .new .archiveWrapper .archive .archiveInner .work .info h2, #wrapper .works .archiveWrapper .archive .archiveInner .work .info h2 {
            margin-bottom: 6px;
            font-size: 14px;
            font-weight: bold; }
          #wrapper .new .archiveWrapper .archive .archiveInner .work .info .about, #wrapper .works .archiveWrapper .archive .archiveInner .work .info .about {
            line-height: 1.5;
            font-size: 11px; }
      #wrapper .new .archiveWrapper .archive .archiveInner #film .work, #wrapper .works .archiveWrapper .archive .archiveInner #film .work {
        display: inline-block;
        width: 560px;
        padding: 16px 0;
        padding-left: 16px;
        vertical-align: top;
        border-top: 1px dotted #aaa; }
        #wrapper .new .archiveWrapper .archive .archiveInner #film .work .imgWrapper, #wrapper .works .archiveWrapper .archive .archiveInner #film .work .imgWrapper {
          margin-right: 12px; }
        #wrapper .new .archiveWrapper .archive .archiveInner #film .work .noPhoto, #wrapper .works .archiveWrapper .archive .archiveInner #film .work .noPhoto {
          width: 209px;
          height: 299px;
          background-color: #aaa; }
        #wrapper .new .archiveWrapper .archive .archiveInner #film .work .info, #wrapper .works .archiveWrapper .archive .archiveInner #film .work .info {
          width: 324px; }
          #wrapper .new .archiveWrapper .archive .archiveInner #film .work .info h2, #wrapper .works .archiveWrapper .archive .archiveInner #film .work .info h2 {
            margin-bottom: 6px;
            font-size: 14px;
            font-weight: bold; }
          #wrapper .new .archiveWrapper .archive .archiveInner #film .work .info .about, #wrapper .works .archiveWrapper .archive .archiveInner #film .work .info .about {
            line-height: 1.5;
            font-size: 11px; }
      #wrapper .new .archiveWrapper .archive .archiveInner .eros .work, #wrapper .works .archiveWrapper .archive .archiveInner .eros .work {
        width: 365px; }
        #wrapper .new .archiveWrapper .archive .archiveInner .eros .work .imgWrapper img, #wrapper .works .archiveWrapper .archive .archiveInner .eros .work .imgWrapper img {
          width: 130px;
          height: auto; }
        #wrapper .new .archiveWrapper .archive .archiveInner .eros .work .noPhoto, #wrapper .works .archiveWrapper .archive .archiveInner .eros .work .noPhoto {
          width: 130px;
          height: 186px; }
        #wrapper .new .archiveWrapper .archive .archiveInner .eros .work .info, #wrapper .works .archiveWrapper .archive .archiveInner .eros .work .info {
          width: 212px; }
  #wrapper .new .archiveWrapper .archive .archiveInner {
    margin-left: 0; }
    #wrapper .new .archiveWrapper .archive .archiveInner .group .cat, #wrapper .new .archiveWrapper .archive .archiveInner .group .year {
      margin-left: -16px; }
    #wrapper .new .archiveWrapper .archive .archiveInner .group .work {
      display: block;
      width: 100%;
      padding-left: 0; }
    #wrapper .new .archiveWrapper .archive .archiveInner .group .imgWrapper {
      width: 860px;
      margin: 0 auto; }
      #wrapper .new .archiveWrapper .archive .archiveInner .group .imgWrapper img {
        width: 160px;
        height: auto;
        float: left;
        margin-left: 15px; }
        #wrapper .new .archiveWrapper .archive .archiveInner .group .imgWrapper img:first-child {
          margin-left: 0; }
      #wrapper .new .archiveWrapper .archive .archiveInner .group .imgWrapper span {
        display: inline-block;
        width: 160px;
        height: 200px;
        background-color: #aaa;
        float: left;
        margin-left: 15px; }
        #wrapper .new .archiveWrapper .archive .archiveInner .group .imgWrapper span:first-child {
          margin-left: 0; }
    #wrapper .new .archiveWrapper .archive .archiveInner .group .info {
      width: 860px;
      margin: 10px auto 0;
      text-align: left; }
      #wrapper .new .archiveWrapper .archive .archiveInner .group .info a {
        color: #00f;
        text-decoration: underline; }
  #wrapper .ebooks {
    width: 1170px; }
    #wrapper .ebooks .archive {
      width: 900px;
      padding-left: 16px; }
      #wrapper .ebooks .archive .group {
        width: 900px; }
        #wrapper .ebooks .archive .group .cat, #wrapper .ebooks .archive .group .year {
          margin-left: -16px; }
      #wrapper .ebooks .archive .work {
        display: block;
        width: 225px;
        padding: 16px 10px;
        border-top: 1px dotted #aaa;
        text-align: center;
        box-sizing: border-box;
        float: left; }
        #wrapper .ebooks .archive .work .imgWrapper {
          height: 230px;
          margin: 0 auto 10px; }
          #wrapper .ebooks .archive .work .imgWrapper img {
            width: 150px;
            height: auto;
            transition: 0.3s; }
            #wrapper .ebooks .archive .work .imgWrapper img:hover {
              opacity: 0.7; }
        #wrapper .ebooks .archive .work .noPhoto {
          width: 150px;
          height: 230px;
          background-color: #aaa; }
        #wrapper .ebooks .archive .work .info h2 {
          margin-bottom: 6px;
          font-size: 14px;
          font-weight: bold; }
        #wrapper .ebooks .archive .work .info .about {
          line-height: 1.5;
          font-size: 11px; }
          #wrapper .ebooks .archive .work .info .about a {
            color: #00f;
            text-decoration: underline; }
    #wrapper .ebooks .bannerWrapper {
      width: 240px;
      margin-top: 20px; }
      #wrapper .ebooks .bannerWrapper li {
        margin-top: 10px; }
        #wrapper .ebooks .bannerWrapper li:first-child {
          margin-top: 0; }
        #wrapper .ebooks .bannerWrapper li img {
          width: 185px;
          height: auto;
          transition: 0.3s; }
          #wrapper .ebooks .bannerWrapper li img:hover {
            opacity: 0.7; }
  #wrapper .archiveWrapper {
    background-image: url(../img/bg_dotW.png);
    overflow: hidden; }
    #wrapper .archiveWrapper .archive {
      overflow: hidden; }
      #wrapper .archiveWrapper .archive .archiveInner {
        height: 700px; }
    #wrapper .archiveWrapper .group {
      width: 1170px; }
      #wrapper .archiveWrapper .group .cat, #wrapper .archiveWrapper .group .line {
        height: 40px;
        color: #444;
        background-color: rgba(196, 196, 196, 0.3);
        padding-left: 75px;
        margin-top: 20px;
        margin-bottom: 6px;
        font-size: 15px;
        line-height: 40px;
        position: relative;
        z-index: 1; }
        #wrapper .archiveWrapper .group .cat::before, #wrapper .archiveWrapper .group .line::before {
          content: "";
          width: 40px;
          height: 40px;
          position: absolute;
          top: 0;
          left: 16px;
          border-right: 3px solid #fff;
          z-index: -1;
          background: #a52d2d;
          background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(0.2, rgba(255, 255, 255, 0)), color-stop(0.2, rgba(255, 255, 255, 0.1)), color-stop(0.4, rgba(255, 255, 255, 0.1)), color-stop(0.4, rgba(255, 255, 255, 0.3)), color-stop(0.6, rgba(255, 255, 255, 0.3)), color-stop(0.6, rgba(255, 255, 255, 0.5)), color-stop(0.8, rgba(255, 255, 255, 0.5)), color-stop(0.8, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
          background-image: -webkit-linear-gradient(top, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%);
          background-image: -moz-linear-gradient(top, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%);
          background-image: -o-linear-gradient(top, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%);
          background-image: linear-gradient(to bottom, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%); }
        #wrapper .archiveWrapper .group .cat::after, #wrapper .archiveWrapper .group .line::after {
          content: "";
          width: 40px;
          height: 40px;
          position: absolute;
          top: 0;
          left: 16px;
          z-index: -1;
          background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(0.2, rgba(255, 255, 255, 0)), color-stop(0.2, rgba(255, 255, 255, 0.1)), color-stop(0.4, rgba(255, 255, 255, 0.1)), color-stop(0.4, rgba(255, 255, 255, 0.3)), color-stop(0.6, rgba(255, 255, 255, 0.3)), color-stop(0.6, rgba(255, 255, 255, 0.5)), color-stop(0.8, rgba(255, 255, 255, 0.5)), color-stop(0.8, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
          background-image: -webkit-linear-gradient(left, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%);
          background-image: -moz-linear-gradient(left, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%);
          background-image: -o-linear-gradient(left, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%);
          background-image: linear-gradient(to right, transparent 20%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%); }
  #wrapper .company .tableWraper {
    width: 1000px;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0 auto;
    padding: 40px 0; }
    #wrapper .company .tableWraper table {
      width: 800px;
      margin: 0 auto;
      border-collapse: separate;
      border-spacing: 10px 0;
      font-size: 12px; }
      #wrapper .company .tableWraper table th, #wrapper .company .tableWraper table td {
        padding: 10px;
        border-bottom: 1px solid #444;
        line-height: 1.6; }
      #wrapper .company .tableWraper table th {
        width: 100px;
        text-align: left;
        font-weight: normal; }
        #wrapper .company .tableWraper table th::before {
          content: "■";
          color: #aaa;
          padding-right: 4px; }
      #wrapper .company .tableWraper table td {
        position: relative; }
        #wrapper .company .tableWraper table td ol {
          margin-left: 1.5em; }
          #wrapper .company .tableWraper table td ol li {
            list-style: decimal; }
        #wrapper .company .tableWraper table td span {
          margin-left: 6px; }
        #wrapper .company .tableWraper table td a {
          color: #00f;
          text-decoration: underline; }
        #wrapper .company .tableWraper table td #contact {
          position: absolute;
          bottom: 10px;
          right: 10px; }
          #wrapper .company .tableWraper table td #contact a {
            display: inline-block;
            color: #fff;
            background-color: #a52d2d;
            text-decoration: none;
            padding: 4px 10px;
            -webkit-border-radius: 4px;
            border-radius: 4px; }
            #wrapper .company .tableWraper table td #contact a:hover {
              background-color: #cd4949; }
    #wrapper .company .tableWraper #gmap {
      display: none; }
  #wrapper .links .linkWrapper {
    width: 1000px;
    min-height: 450px;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0 auto;
    padding: 40px 0; }
    #wrapper .links .linkWrapper .linkInner {
      max-height: 650px; }
      #wrapper .links .linkWrapper .linkInner ul {
        width: 600px;
        margin: 0 auto; }
        #wrapper .links .linkWrapper .linkInner ul li {
          list-style: disc;
          line-height: 2;
          font-size: 12px; }
          #wrapper .links .linkWrapper .linkInner ul li a {
            color: #00f;
            text-decoration: underline; }
  #wrapper .d_notes {
    width: 1170px; }
    #wrapper .d_notes .pageHeader {
      margin: 50px 0; }
      #wrapper .d_notes .pageHeader h2 {
        width: 40%;
        font-size: 30px;
        font-weight: normal; }
      #wrapper .d_notes .pageHeader p {
        width: 60%;
        line-height: 1.6;
        font-size: 12px; }
    #wrapper .d_notes .archive .archiveInner {
      margin-top: -40px;
      margin-left: -16px;
      padding-bottom: 40px; }
      #wrapper .d_notes .archive .archiveInner .note {
        display: inline-block;
        width: 565px;
        margin-top: 40px;
        margin-left: 16px;
        position: relative; }
        #wrapper .d_notes .archive .archiveInner .note .noteInner img {
          width: 200px;
          height: auto; }
        #wrapper .d_notes .archive .archiveInner .note .noteInner div {
          width: 355px; }
          #wrapper .d_notes .archive .archiveInner .note .noteInner div h3 {
            padding-bottom: 6px;
            margin-bottom: 10px;
            border-bottom: 1px solid #000;
            font-size: 20px;
            font-weight: normal; }
            #wrapper .d_notes .archive .archiveInner .note .noteInner div h3::before {
              content: "■";
              color: #aaa;
              padding-right: 4px; }
          #wrapper .d_notes .archive .archiveInner .note .noteInner div p {
            line-height: 1.6;
            font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif; }
        #wrapper .d_notes .archive .archiveInner .note .more {
          color: #00f;
          font-size: 14px;
          text-decoration: underline;
          position: absolute;
          bottom: 5px;
          right: 215px; }
  #wrapper .d_note {
    padding: 50px 0; }
    #wrapper .d_note .noteInner {
      width: 660px;
      margin: 0 auto; }
      #wrapper .d_note .noteInner h2 {
        margin-bottom: 30px;
        font-size: 24px;
        font-weight: normal; }
      #wrapper .d_note .noteInner .textArea {
        margin-bottom: 20px; }
        #wrapper .d_note .noteInner .textArea p {
          line-height: 1.6;
          font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif; }
        #wrapper .d_note .noteInner .textArea img {
          margin: 10px 0; }
        #wrapper .d_note .noteInner .textArea .fl {
          margin-right: 10px; }
        #wrapper .d_note .noteInner .textArea .fr {
          margin-left: 10px; }
  #wrapper .contact .formWrapper {
    width: 600px;
    min-height: 450px;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 50px auto 0;
    padding: 40px 0; }
    #wrapper .contact .formWrapper h2 {
      padding-bottom: 20px;
      margin-bottom: 30px;
      text-align: center;
      font-size: 18px;
      font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
      font-weight: normal;
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
      position: relative; }
      #wrapper .contact .formWrapper h2 span {
        display: inline-block;
        width: 280px;
        padding-bottom: 5px;
        border-bottom: 2px solid #a52d2d; }
    #wrapper .contact .formWrapper .leadError {
      width: 540px;
      color: #cd4949;
      margin: 0 auto 20px;
      font-size: 11px; }
    #wrapper .contact .formWrapper table {
      width: 540px;
      margin: 0 auto;
      font-size: 12px; }
      #wrapper .contact .formWrapper table th, #wrapper .contact .formWrapper table td {
        border-bottom: 1px solid #ccc; }
      #wrapper .contact .formWrapper table th {
        width: 160px;
        padding: 30px 0;
        text-align: left;
        vertical-align: middle;
        font-weight: normal; }
      #wrapper .contact .formWrapper table .req {
        position: relative; }
        #wrapper .contact .formWrapper table .req::after {
          content: "※必須";
          color: #a52d2d;
          font-size: 10px;
          position: absolute;
          top: 10px;
          right: 10px; }
      #wrapper .contact .formWrapper table td {
        width: 380px;
        padding: 30px 0;
        box-sizing: border-box; }
        #wrapper .contact .formWrapper table td input, #wrapper .contact .formWrapper table td textarea {
          width: 100%;
          background-color: #f5f5f5;
          border: 1px solid #cfcfcf;
          padding: 4px 10px;
          font-size: 13px;
          box-sizing: border-box; }
        #wrapper .contact .formWrapper table td textarea {
          height: 120px; }
        #wrapper .contact .formWrapper table td .error {
          color: #cd4949;
          margin-bottom: 10px;
          font-size: 11px; }
          #wrapper .contact .formWrapper table td .error + input, #wrapper .contact .formWrapper table td .error + textarea {
            border: 1px solid #cd4949; }
    #wrapper .contact .formWrapper .finish {
      width: 540px;
      margin: 0 auto;
      font-size: 14px;
      line-height: 1.6; }
    #wrapper .contact .formWrapper .btnWrapper {
      margin-top: 40px;
      text-align: center; }
      #wrapper .contact .formWrapper .btnWrapper .btn {
        display: inline-block;
        width: 280px;
        height: 45px;
        position: relative;
        transition: 0.4s; }
        #wrapper .contact .formWrapper .btnWrapper .btn input[type="submit"] {
          width: 280px;
          height: 45px;
          color: #fff;
          background-color: #a52d2d;
          border: none;
          font-size: 16px;
          cursor: pointer;
          box-sizing: border-box;
          transition: 0.4s; }
          #wrapper .contact .formWrapper .btnWrapper .btn input[type="submit"]:hover {
            color: #fff;
            background-color: #cd4949; }
      #wrapper .contact .formWrapper .btnWrapper .back {
        margin-bottom: 20px; }
        #wrapper .contact .formWrapper .btnWrapper .back input[type="submit"] {
          background-color: #888; }
          #wrapper .contact .formWrapper .btnWrapper .back input[type="submit"]:hover {
            background-color: #aaa; }

.lity {
  background: #fff;
  background: rgba(255, 255, 255, 0.9); }

.lity-close {
  color: #000; }

.nobg {
  background: none !important; }

/*# sourceMappingURL=style.css.map */