@charset "UTF-8";
/*!
*  Style.css | 2016.01.15 by tanayoshi
*/
/* 共通スタイル設定
   ========================================================================== */
/*!
 *  Variables | 2015.11.02 by yk
 */
/* 汎用設定
   ========================================================================== */
.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mtb5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.mtb10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.mtb15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.mtb20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.ptb5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.ptb15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.left {
  float: left; }

.right {
  float: right !important; }

/* ===== 個別スタイル ===== */
#contents #rightContents {
  /*=====メインイメージ=====*/
  /*=====店舗情報=====*/
  /*=====最新動画=====*/
  /*=====お知らせ一覧=====*/
  /*=====おすすめ商品一覧=====*/
  /*=====フリスペ一覧=====*/
  /*=====ギャラリー一覧=====*/
  /*=====求人一覧=====*/
  /*=====配信動画一覧=====*/ }
  #contents #rightContents h2 {
    margin-bottom: 10px;
    padding: 5px 20px;
    background: #E7DBCE;
    font-size: 18px; }
  #contents #rightContents .mainImageWrap {
    position: relative;
    width: 764px;
    height: 509px;
    margin-bottom: 10px; }
    #contents #rightContents .mainImageWrap .image {
      height: 509px;
      overflow: hidden;
      position: relative; }
      #contents #rightContents .mainImageWrap .image img {
        width: auto;
        max-width: 764px;
        height: auto; }
      #contents #rightContents .mainImageWrap .image .shareBox .shareTw {
        margin-top: 2px;
        margin-right: 10px; }
    #contents #rightContents .mainImageWrap .sns {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      text-align: right; }
      #contents #rightContents .mainImageWrap .sns .twitter, #contents #rightContents .mainImageWrap .sns .facebook {
        display: inline-block; }
    #contents #rightContents .mainImageWrap .text {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      overflow: hidden;
      background: #000;
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff; }
      #contents #rightContents .mainImageWrap .text .floor {
        float: left;
        padding: 20px;
        border-right: 1px solid #888; }
        #contents #rightContents .mainImageWrap .text .floor .inner {
          height: 70px;
          width: 70px;
          text-align: center;
          line-height: 70px;
          background: #0092D6;
          color: #fff; }
      #contents #rightContents .mainImageWrap .text .shop {
        float: left;
        padding: 20px 0 0 20px; }
        #contents #rightContents .mainImageWrap .text .shop .topText {
          overflow: hidden; }
          #contents #rightContents .mainImageWrap .text .shop .topText h3 {
            float: left;
            margin-right: 10px;
            font-size: 17px;
            color: #fff; }
            #contents #rightContents .mainImageWrap .text .shop .topText h3 span {
              font-weight: normal;
              color: #fff; }
          #contents #rightContents .mainImageWrap .text .shop .topText .state {
            float: left; }
        #contents #rightContents .mainImageWrap .text .shop .category {
          font-size: 12px;
          color: #fff; }
  #contents #rightContents .infoWrap {
    margin-bottom: 20px;
    overflow: hidden; }
    #contents #rightContents .infoWrap .leftWrap .inner, #contents #rightContents .infoWrap .rightWrap .inner {
      padding: 20px; }
    #contents #rightContents .infoWrap .leftWrap {
      float: left;
      width: 469px;
      margin-bottom: 30px; }
      #contents #rightContents .infoWrap .leftWrap dl {
        overflow: hidden;
        padding: 7px 0;
        border-bottom: 2px dotted #ccc;
        color: #4D463D; }
        #contents #rightContents .infoWrap .leftWrap dl dt {
          float: left;
          width: 27%;
          margin-right: 10px;
          font-weight: bold; }
          #contents #rightContents .infoWrap .leftWrap dl dt img {
            margin-right: 5px; }
        #contents #rightContents .infoWrap .leftWrap dl dd {
          float: left;
          width: 68%; }
      #contents #rightContents .infoWrap .leftWrap p {
        margin-top: 20px;
        font-size: 13px; }
    #contents #rightContents .infoWrap .rightWrap {
      float: right;
      width: 295px; }
      #contents #rightContents .infoWrap .rightWrap .logo {
        margin-bottom: 7px; }
      #contents #rightContents .infoWrap .rightWrap ul li {
        margin-bottom: 10px; }
      #contents #rightContents .infoWrap .rightWrap a {
        color: #333;
        text-decoration: underline; }
        #contents #rightContents .infoWrap .rightWrap a:hover {
          text-decoration: none; }
        #contents #rightContents .infoWrap .rightWrap a img {
          margin-right: 5px; }
      #contents #rightContents .infoWrap .rightWrap .menuWrap h4 {
        width: 100%;
        background: #E7DBCE;
        text-align: center;
        padding: 5px;
        margin-bottom: 12px; }
  #contents #rightContents .bannerWrap {
    margin-bottom: 30px; }
    #contents #rightContents .bannerWrap ul {
      padding: 0 20px;
      overflow: hidden; }
      #contents #rightContents .bannerWrap ul li {
        float: left;
        margin-right: 32px; }
        #contents #rightContents .bannerWrap ul li.last {
          margin-right: 0; }
  #contents #rightContents .newMovieWrap {
    margin-bottom: 40px;
    overflow: hidden; }
    #contents #rightContents .newMovieWrap .leftWrap {
      float: left;
      width: 448px;
      height: 240px;
      background: url("/img/shop/detail/movie_back_pi.png") 0 0 no-repeat; }
      #contents #rightContents .newMovieWrap .leftWrap .inner {
        width: 370px;
        padding: 15px 0 0 20px; }
        #contents #rightContents .newMovieWrap .leftWrap .inner h3 {
          margin-bottom: 10px;
          border-bottom: 2px solid #E96093;
          color: #E96093;
          font-size: 16px; }
          #contents #rightContents .newMovieWrap .leftWrap .inner h3 span {
            margin-left: 5px;
            font-size: 12px;
            color: #E96093; }
        #contents #rightContents .newMovieWrap .leftWrap .inner p {
          margin-bottom: 10px;
          padding: 0 10px;
          font-size: 15px;
          font-weight: bold; }
        #contents #rightContents .newMovieWrap .leftWrap .inner .date {
          margin-bottom: 20px;
          padding: 0 10px;
          font-size: 13px; }
        #contents #rightContents .newMovieWrap .leftWrap .inner .detailLink {
          text-align: right; }
    #contents #rightContents .newMovieWrap .rightWrap {
      position: relative;
      float: right;
      width: 295px;
      height: 240px;
      background: url("/img/shop/detail/movie_back.png") 0 0 no-repeat; }
      #contents #rightContents .newMovieWrap .rightWrap .movie {
        position: absolute;
        top: 33px;
        left: 8px; }
        #contents #rightContents .newMovieWrap .rightWrap .movie iframe {
          width: 265px;
          height: 150px; }
  #contents #rightContents .newsWrap {
    margin-bottom: 40px; }
    #contents #rightContents .newsWrap h3 {
      margin-bottom: 10px; }
    #contents #rightContents .newsWrap .newsList {
      padding: 0 20px; }
      #contents #rightContents .newsWrap .newsList li {
        padding: 8px;
        overflow: hidden;
        border-bottom: 2px dotted #ccc; }
        #contents #rightContents .newsWrap .newsList li .image {
          float: left;
          width: 30%;
          height: auto; }
          #contents #rightContents .newsWrap .newsList li .image img {
            width: 100%;
            height: auto; }
        #contents #rightContents .newsWrap .newsList li .rightWrap {
          float: right;
          width: 68%; }
          #contents #rightContents .newsWrap .newsList li .rightWrap .date {
            margin-bottom: 15px;
            overflow: hidden; }
            #contents #rightContents .newsWrap .newsList li .rightWrap .date img, #contents #rightContents .newsWrap .newsList li .rightWrap .date span {
              float: left; }
            #contents #rightContents .newsWrap .newsList li .rightWrap .date img {
              margin-right: 10px; }
            #contents #rightContents .newsWrap .newsList li .rightWrap .date span {
              display: inline-block;
              margin-top: 5px;
              padding: 2px 5px;
              background: #E7DBCE; }
          #contents #rightContents .newsWrap .newsList li .rightWrap .title {
            font-size: 15px; }
  #contents #rightContents .itemWrap {
    margin-bottom: 30px; }
    #contents #rightContents .itemWrap h3 {
      margin-bottom: 20px; }
    #contents #rightContents .itemWrap .itemBody {
      position: relative; }
      #contents #rightContents .itemWrap .itemBody .inner {
        width: 660px;
        margin: 0 auto;
        overflow: hidden; }
        #contents #rightContents .itemWrap .itemBody .inner .itemList {
          overflow: hidden; }
          #contents #rightContents .itemWrap .itemBody .inner .itemList li {
            float: left;
            width: 220px; }
            #contents #rightContents .itemWrap .itemBody .inner .itemList li .innerBody {
              padding: 0 12px; }
              #contents #rightContents .itemWrap .itemBody .inner .itemList li .innerBody .image {
                height: 135px;
                margin-bottom: 5px; }
                #contents #rightContents .itemWrap .itemBody .inner .itemList li .innerBody .image img {
                  width: 100%; }
              #contents #rightContents .itemWrap .itemBody .inner .itemList li .innerBody .title {
                height: 45px;
                line-height: 20px;
                margin-bottom: 5px;
                border-bottom: 2px dotted #ccc;
                overflow: hidden; }
              #contents #rightContents .itemWrap .itemBody .inner .itemList li .innerBody .body {
                height: 96px;
                line-height: 16px;
                font-size: 12px;
                overflow: hidden; }
                #contents #rightContents .itemWrap .itemBody .inner .itemList li .innerBody .body a {
                  color: #333; }
    #contents #rightContents .itemWrap .leftBtn, #contents #rightContents .itemWrap .rightBtn {
      position: absolute;
      top: 130px; }
      #contents #rightContents .itemWrap .leftBtn img:hover, #contents #rightContents .itemWrap .rightBtn img:hover {
        opacity: 0.8;
        cursor: pointer; }
    #contents #rightContents .itemWrap .leftBtn {
      left: 0; }
    #contents #rightContents .itemWrap .rightBtn {
      right: 0; }
    #contents #rightContents .itemWrap .indicator {
      text-align: center; }
      #contents #rightContents .itemWrap .indicator span {
        margin: 0 2px;
        font-size: 30px;
        color: #ccc; }
        #contents #rightContents .itemWrap .indicator span.active {
          color: #666; }
  #contents #rightContents .freeWrap {
    margin-bottom: 50px; }
    #contents #rightContents .freeWrap .list li {
      margin-bottom: 20px; }
      #contents #rightContents .freeWrap .list li h3 {
        padding: 4px 20px;
        background: url(/img/shop/detail/news_back.png);
        font-size: 16px;
        font-weight: normal;
        color: #fff; }
      #contents #rightContents .freeWrap .list li .body {
        background: #E7DBCE; }
        #contents #rightContents .freeWrap .list li .body .inner {
          padding: 15px; }
          #contents #rightContents .freeWrap .list li .body .inner .main {
            float: none !important;
            margin-bottom: 20px;
            overflow: hidden; }
            #contents #rightContents .freeWrap .list li .body .inner .main.free .image img, #contents #rightContents .freeWrap .list li .body .inner .main.left .image img, #contents #rightContents .freeWrap .list li .body .inner .main.right .image img {
              width: 100%; }
            #contents #rightContents .freeWrap .list li .body .inner .main.free .text.w_max, #contents #rightContents .freeWrap .list li .body .inner .main.left .text.w_max, #contents #rightContents .freeWrap .list li .body .inner .main.right .text.w_max {
              float: none;
              width: 100%; }
            #contents #rightContents .freeWrap .list li .body .inner .main.left .image, #contents #rightContents .freeWrap .list li .body .inner .main.right .image {
              width: 35%; }
            #contents #rightContents .freeWrap .list li .body .inner .main.left .text, #contents #rightContents .freeWrap .list li .body .inner .main.right .text {
              width: 62%; }
            #contents #rightContents .freeWrap .list li .body .inner .main.free .image {
              margin-bottom: 15px;
              text-align: center; }
              #contents #rightContents .freeWrap .list li .body .inner .main.free .image img {
                max-width: 734px;
                width: auto; }
            #contents #rightContents .freeWrap .list li .body .inner .main.free .text {
              float: left; }
            #contents #rightContents .freeWrap .list li .body .inner .main.left .image {
              float: left; }
            #contents #rightContents .freeWrap .list li .body .inner .main.left .text {
              float: right; }
            #contents #rightContents .freeWrap .list li .body .inner .main.right .image {
              float: right; }
            #contents #rightContents .freeWrap .list li .body .inner .main.right .text {
              float: left; }
          #contents #rightContents .freeWrap .list li .body .inner .link a {
            color: #333;
            text-decoration: underline; }
            #contents #rightContents .freeWrap .list li .body .inner .link a:hover {
              text-decoration: none; }
          #contents #rightContents .freeWrap .list li .body .inner .date {
            text-align: right;
            font-size: 11px;
            color: #999; }
  #contents #rightContents .galleryWrap {
    margin-bottom: 40px; }
    #contents #rightContents .galleryWrap h3 {
      margin-bottom: 20px; }
    #contents #rightContents .galleryWrap .gallery {
      padding: 20px 0;
      background: #E7DBCE; }
      #contents #rightContents .galleryWrap .gallery .galleryImage {
        position: relative;
        width: 660px;
        height: 360px;
        margin: 0 auto 10px; }
        #contents #rightContents .galleryWrap .gallery .galleryImage .mainImage {
          display: none;
          position: absolute;
          top: 0;
          left: 0; }
          #contents #rightContents .galleryWrap .gallery .galleryImage .mainImage .wrap {
            position: relative; }
            #contents #rightContents .galleryWrap .gallery .galleryImage .mainImage .wrap .text {
              display: none;
              position: absolute;
              width: 100%;
              height: 26px;
              left: 0;
              bottom: 0;
              overflow: hidden;
              background: rgba(0, 0, 0, 0.6); }
              #contents #rightContents .galleryWrap .gallery .galleryImage .mainImage .wrap .text p {
                padding: 0 10px;
                line-height: 26px;
                color: #fff; }
      #contents #rightContents .galleryWrap .gallery .thumList {
        width: 660px;
        margin: 0 auto;
        overflow: hidden; }
        #contents #rightContents .galleryWrap .gallery .thumList li {
          float: left;
          margin-right: 10px;
          margin-bottom: 5px; }
          #contents #rightContents .galleryWrap .gallery .thumList li.last {
            margin-right: 0; }
          #contents #rightContents .galleryWrap .gallery .thumList li img {
            opacity: 0.6; }
            #contents #rightContents .galleryWrap .gallery .thumList li img:hover {
              opacity: 1;
              cursor: pointer; }
          #contents #rightContents .galleryWrap .gallery .thumList li.active img {
            opacity: 1; }
  #contents #rightContents .recruitWrap {
    margin-bottom: 40px; }
    #contents #rightContents .recruitWrap h3 {
      padding: 4px 20px;
      background: #4D463D;
      font-size: 16px;
      font-weight: normal;
      color: #fff; }
      #contents #rightContents .recruitWrap h3 span {
        color: #fff;
        font-size: 11px;
        margin-left: 10px; }
    #contents #rightContents .recruitWrap .inner .itemList {
      background: #E7DBCE; }
      #contents #rightContents .recruitWrap .inner .itemList li {
        padding: 15px 0;
        border-bottom: 2px solid #999; }
        #contents #rightContents .recruitWrap .inner .itemList li .innerBody {
          padding: 0 30px; }
          #contents #rightContents .recruitWrap .inner .itemList li .innerBody h4 {
            margin-bottom: 8px;
            padding: 0 5px;
            border-bottom: 2px solid #4D463D;
            font-size: 16px;
            font-weight: bold;
            color: #4D463D; }
          #contents #rightContents .recruitWrap .inner .itemList li .innerBody .image {
            margin-bottom: 8px; }
            #contents #rightContents .recruitWrap .inner .itemList li .innerBody .image img {
              max-width: 100%;
              height: auto; }
          #contents #rightContents .recruitWrap .inner .itemList li .innerBody dl {
            padding: 10px 0;
            overflow: hidden;
            border-bottom: 1px solid #aaa; }
            #contents #rightContents .recruitWrap .inner .itemList li .innerBody dl.last {
              border-bottom: none; }
            #contents #rightContents .recruitWrap .inner .itemList li .innerBody dl dt {
              float: left;
              width: 20%;
              font-weight: bold;
              color: #4D463D; }
            #contents #rightContents .recruitWrap .inner .itemList li .innerBody dl dd {
              float: right;
              width: 77%;
              color: #4D463D; }
          #contents #rightContents .recruitWrap .inner .itemList li .innerBody .detailLink {
            padding-top: 20px;
            text-align: center; }
            #contents #rightContents .recruitWrap .inner .itemList li .innerBody .detailLink a {
              display: inline-block;
              padding: 10px 20px;
              border-color: #4D463D;
              background: #4D463D; }
              #contents #rightContents .recruitWrap .inner .itemList li .innerBody .detailLink a:hover {
                background: #fff;
                color: #4D463D;
                opacity: 1; }
  #contents #rightContents .movieWrap {
    margin-bottom: 30px; }
    #contents #rightContents .movieWrap h3 {
      margin-bottom: 20px; }
    #contents #rightContents .movieWrap .movieBody {
      position: relative; }
      #contents #rightContents .movieWrap .movieBody .inner {
        width: 660px;
        margin: 0 auto;
        overflow: hidden; }
        #contents #rightContents .movieWrap .movieBody .inner .movieList {
          overflow: hidden; }
          #contents #rightContents .movieWrap .movieBody .inner .movieList li {
            float: left;
            width: 220px; }
            #contents #rightContents .movieWrap .movieBody .inner .movieList li .innerBody {
              padding: 0 12px;
              /*.body{
              	height: 96px;
              	line-height: 16px;
              	font-size: 12px;
              	overflow: hidden;
              	a{
              		color: #333;
              	}
              }*/ }
              #contents #rightContents .movieWrap .movieBody .inner .movieList li .innerBody .image {
                margin-bottom: 5px; }
                #contents #rightContents .movieWrap .movieBody .inner .movieList li .innerBody .image iframe {
                  width: 196px;
                  height: 120px; }
              #contents #rightContents .movieWrap .movieBody .inner .movieList li .innerBody .title {
                height: 80px;
                line-height: 20px;
                margin-bottom: 5px;
                overflow: hidden;
                color: #E96093; }
    #contents #rightContents .movieWrap .leftBtn, #contents #rightContents .movieWrap .rightBtn {
      position: absolute;
      top: 130px; }
      #contents #rightContents .movieWrap .leftBtn img:hover, #contents #rightContents .movieWrap .rightBtn img:hover {
        opacity: 0.8;
        cursor: pointer; }
    #contents #rightContents .movieWrap .leftBtn {
      left: 0; }
    #contents #rightContents .movieWrap .rightBtn {
      right: 0; }
    #contents #rightContents .movieWrap .indicator {
      text-align: center; }
      #contents #rightContents .movieWrap .indicator span {
        margin: 0 2px;
        font-size: 30px;
        color: #ccc; }
        #contents #rightContents .movieWrap .indicator span.active {
          color: #666; }

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