#mainContents {
  width: 100%; }

#clubMenuBox {
  background-image: url("img_club_rainbow/title_image.jpg"); }

#contentsBox {
  position: relative;
  background-color: #fff7f5;
  margin-left: 0;
  width: 1200px;
  float: none;
  margin: 0 auto 80px auto;
  padding-top: 60px;
  padding-bottom: 0; }
  @media (max-width: 600px) {
    #contentsBox {
      width: 100%;
      padding-top: 0;
      padding-bottom: 0;
      margin: 0 auto; } }

#sidebar {
  display: none; }

.contents {
  position: relative;
  width: 1120px;
  margin: 0 auto;
  /* for single */ }
  .contents h2 {
    font-size: 29px;
    font-size: 2.9rem;
    line-height: 1.5;
    padding: 7.5px 0 50px 30px;
    background-image: url("img_all/club_rainbow_member_deco.png");
    background-repeat: no-repeat;
    background-position: left top; }
  .contents p {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2;
    padding-bottom: 30px; }
  .contents .memberPagination {
    position: relative;
    list-style: none;
    padding-bottom: 60px;
    *zoom: 1; }
    .contents .memberPagination:before, .contents .memberPagination:after {
      content: " ";
      display: table; }
    .contents .memberPagination:after {
      clear: both; }
    .contents .memberPagination li {
      width: 212px;
      height: 24px;
      position: relative;
      float: left;
      margin-right: 15px;
      margin-bottom: 10px; }
      .contents .memberPagination li:nth-child(5n) {
        margin-right: 0; }
      .contents .memberPagination li a {
        display: block;
        font-size: 17px;
        font-size: 1.7rem;
        padding-top: 3.5px;
        width: 100%;
        height: 100%;
        color: #e73b87;
        border: #e73b87 1px solid;
        border-radius: 0px;
        line-height: 1;
        text-align: center; }
        .hover .contents .memberPagination li a:hover {
          color: #FFFFFF;
          background-color: #e73b87;
          transition: background-color 0.2s ease-in-out 0s; }
        .contents .memberPagination li a.current, .contents .memberPagination li a.selected {
          color: #FFFFFF;
          background-color: #e73b87; }
  .contents #memberList {
    position: relative;
    list-style: none;
    *zoom: 1; }
    .contents #memberList:before, .contents #memberList:after {
      content: " ";
      display: table; }
    .contents #memberList:after {
      clear: both; }
    .contents #memberList li {
      position: relative;
      float: left;
      width: 212px;
      height: 300px;
      margin-right: 15px;
      text-align: center; }
      .contents #memberList li:nth-child(5n) {
        margin-right: 0; }
      .contents #memberList li a h3 {
        color: #000000;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 20px;
        padding-bottom: 15px; }
        .contents #memberList li a h3 span {
          font-size: 13px;
          font-size: 1.3rem;
          display: block;
          color: #e73b87; }
      .contents #memberList li a .picFrame {
        margin: 0 auto;
        width: 170px;
        height: 170px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 50%; }
        .contents #memberList li a .picFrame.pTop {
          background-position: center top; }
        .contents #memberList li a .picFrame.pBottom {
          background-position: center bottom; }
        .contents #memberList li a .picFrame.pLeft {
          background-position: left center; }
        .contents #memberList li a .picFrame.pRight {
          background-position: right center; }
      .hover .contents #memberList li a:hover {
        opacity: 0.5;
        transition: opacity 0.2s ease-in-out 0s; }
  .contents #memberPicBox {
    position: relative;
    float: left;
    width: 700px;
    padding-bottom: 80px; }
    .contents #memberPicBox h2 {
      font-size: 29px;
      font-size: 2.9rem;
      line-height: 1.5;
      padding: 15px 0 50px 70px;
      background-image: url("img_all/club_rainbow_member_deco.png");
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 50px; }
      .contents #memberPicBox h2 .mNumber {
        color: #e73b87; }
      .contents #memberPicBox h2 .small {
        font-size: 19px;
        font-size: 1.9rem;
        vertical-align: 4px; }
    .contents #memberPicBox > p {
      position: relative;
      width: 100%;
      height: 480px;
      text-align: center; }
      .contents #memberPicBox > p img {
        width: auto;
        height: 100%;
        max-width: 100%; }
    .contents #memberPicBox .photospace {
      position: relative;
      width: 100%;
      margin: 0; }
      .contents #memberPicBox .photospace .gal_content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 480px; }
        .contents #memberPicBox .photospace .gal_content .image-wrapper {
          width: 100%; }
        .contents #memberPicBox .photospace .gal_content .advance-link {
          width: 100%;
          height: auto; }
          .contents #memberPicBox .photospace .gal_content .advance-link img {
            max-width: 100%;
            height: 480px; }
      .contents #memberPicBox .photospace .slideshow-container {
        width: 100%;
        height: auto; }
      .contents #memberPicBox .photospace .thumbs_wrap2 {
        width: 100%;
        padding-top: 500px; }
      .contents #memberPicBox .photospace .thumnail_col {
        float: none;
        text-align: center; }
      .contents #memberPicBox .photospace .thumbs {
        display: inline-block;
        *zoom: 1; }
        .contents #memberPicBox .photospace .thumbs:before, .contents #memberPicBox .photospace .thumbs:after {
          content: " ";
          display: table; }
        .contents #memberPicBox .photospace .thumbs:after {
          clear: both; }
        .contents #memberPicBox .photospace .thumbs li {
          position: relative;
          width: 100px;
          height: 100px;
          margin-right: 20px;
          margin-bottom: 20px;
          overflow: hidden; }
          .contents #memberPicBox .photospace .thumbs li:nth-child(6n), .contents #memberPicBox .photospace .thumbs li:last-child {
            margin-right: 0; }
          .contents #memberPicBox .photospace .thumbs li img {
            position: absolute;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .contents #profileList {
    position: relative;
    float: right;
    width: 360px;
    padding-bottom: 80px; }
    .contents #profileList li {
      padding: 12px 0;
      background-image: url("img_all/diagonal_border.svg");
      background-repeat: repeat-x;
      background-position: bottom; }
      .contents #profileList li h3 {
        font-size: 16px;
        font-size: 1.6rem;
        display: block;
        color: #e73b87;
        padding-bottom: 0.5em; }
      .contents #profileList li p {
        display: inline; }
      .contents #profileList li:last-of-type {
        background-image: none; }
  @media (max-width: 600px) {
    .contents {
      width: 90vw;
      /* for single */ }
      .contents h2 {
        font-size: 5.8vw;
        padding-bottom: 6vw;
        padding: 1.5vw 0 8vw 6vw;
        background-size: 4vw; }
      .contents p {
        font-size: 3.4vw;
        padding-bottom: 6vw; }
      .contents .memberPagination {
        padding-bottom: 10vw; }
        .contents .memberPagination li {
          width: 49%;
          height: 4.8vw;
          margin-right: 2%;
          margin-bottom: 2vw; }
          .contents .memberPagination li:nth-child(5n) {
            margin-right: 2%; }
          .contents .memberPagination li:nth-child(even) {
            margin-right: 0; }
          .contents .memberPagination li a {
            font-size: 3.4vw;
            padding-top: 0.7vw; }
      .contents #memberList li {
        width: 49%;
        height: 66vw;
        margin-right: 2%; }
        .contents #memberList li:nth-child(5n) {
          margin-right: 2%; }
        .contents #memberList li:nth-child(even) {
          margin-right: 0; }
        .contents #memberList li a h3 {
          font-size: 4vw;
          line-height: 4.8vw;
          padding-bottom: 3vw; }
          .contents #memberList li a h3 span {
            font-size: 3.2vw; }
        .contents #memberList li a .picFrame {
          width: 43vw;
          height: 43vw; }
      .contents #memberPicBox {
        float: none;
        width: 100%;
        padding-bottom: 0; }
        .contents #memberPicBox h2 {
          font-size: 5.8vw;
          padding-bottom: 6vw;
          padding: 1.5vw 0 8vw 10vw;
          background-size: 8vw; }
          .contents #memberPicBox h2 .small {
            font-size: 3.8vw;
            vertical-align: 1vw; }
        .contents #memberPicBox > p {
          height: 58.5vw; }
        .contents #memberPicBox .photospace .gal_content {
          height: 58.5vw; }
          .contents #memberPicBox .photospace .gal_content .advance-link img {
            height: 58.5vw; }
        .contents #memberPicBox .photospace .thumbs_wrap2 {
          padding-top: 62.5vw; }
        .contents #memberPicBox .photospace .thumbs li {
          width: 19.5vw;
          height: 19.5vw;
          margin-right: 4vw;
          margin-bottom: 4vw; }
          .contents #memberPicBox .photospace .thumbs li:nth-child(6n) {
            margin-right: 4vw; }
          .contents #memberPicBox .photospace .thumbs li:nth-child(4n), .contents #memberPicBox .photospace .thumbs li:last-child {
            margin-right: 0; }
      .contents #profileList {
        float: none;
        width: 100%;
        padding-top: 5vw;
        padding-bottom: 10vw; }
        .contents #profileList li {
          padding: 12px 0;
          background-image: url("img_all/diagonal_border.svg");
          background-repeat: repeat-x;
          background-position: bottom; }
          .contents #profileList li h3 {
            font-size: 3.2vw; }
          .contents #profileList li p {
            font-size: 3.2vw; } }