@charset "UTF-8";
#atelier_191209 {
  position: relative;
  width: 100%;
  margin: 0 auto calc( 200 * (100vw / 750));
  color: #333;
  text-align: center; }
  #atelier_191209 img {
    width: 100%; }
  #atelier_191209 a {
    display: block; }
  #atelier_191209 video {
    display: block;
    width: 100%; }
  #atelier_191209 .cate_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #atelier_191209 .pc_only {
    display: none !important; }
  #atelier_191209 .credit {
    font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    padding-top: calc( 55 * (100vw / 750)); }
    #atelier_191209 .credit li {
      display: block;
      font-size: calc( 22 * (100vw / 750));
      font-weight: 400;
      line-height: 2.2727;
      letter-spacing: .025em;
      white-space: nowrap; }
      #atelier_191209 .credit li a {
        display: inline-block; }
      #atelier_191209 .credit li .none_link {
        pointer-events: none; }
  #atelier_191209 .mv_area {
    margin: 0 auto calc( 150 * (100vw / 750)); }
  #atelier_191209 .sec01 {
    margin: 0 auto calc( 150 * (100vw / 750)); }
    #atelier_191209 .sec01 .left {
      position: relative;
      margin: 0 auto calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec01 .right {
      margin: 0 calc( 75 * (100vw / 750)) calc( 60 * (100vw / 750)); }
      #atelier_191209 .sec01 .right .credit {
        margin-top: calc( 50 * (100vw / 750)); }
    #atelier_191209 .sec01 .center {
      margin: 0 calc( 50 * (100vw / 750)) calc( 60 * (100vw / 750)); }
  #atelier_191209 .sec03 {
    margin: 0 auto calc( 385 * (100vw / 750)); }
    #atelier_191209 .sec03 .left {
      margin: 0 auto calc( 60 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec03 .left .img04 {
        margin: 0 auto calc( 60 * (100vw / 750)); }
      #atelier_191209 .sec03 .left .img05 {
        margin: 0 calc( 75 * (100vw / 750)) calc( 60 * (100vw / 750)); }
      #atelier_191209 .sec03 .left .credit {
        position: absolute;
        top: calc( 3093 * (100vw / 750));
        left: 0;
        right: 0;
        margin: auto; }
    #atelier_191209 .sec03 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec04 .center {
    margin: 0 auto calc( 60 * (100vw / 750)); }
  #atelier_191209 .sec05 .left {
    margin: 0 calc( 75 * (100vw / 750)) calc( 110 * (100vw / 750)); }
  #atelier_191209 .sec05 .right {
    margin: 0 calc( 75 * (100vw / 750)) calc( 55 * (100vw / 750)); }
  #atelier_191209 .sec06 .center {
    margin: 0 calc( 75 * (100vw / 750)) calc( 150 * (100vw / 750)); }
  #atelier_191209 .sec07 {
    margin: 0 auto calc( 285 * (100vw / 750)); }
    #atelier_191209 .sec07 .left {
      margin: 0 auto calc( 60 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec07 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc( -1110 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec07 .right {
      margin: 0 calc( 75 * (100vw / 750)) calc( 150 * (100vw / 750));
      position: relative; }
  #atelier_191209 .sec08 {
    margin: 0 auto calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec08 .left {
      margin: 0 auto calc( 105 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec08 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc( -1249 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec08 .center {
      margin: 0 calc( 75 * (100vw / 750)) calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec08 .right {
      margin: 0 calc( 75 * (100vw / 750)) calc( 55 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec08 .right .credit {
        margin-top: calc( 45 * (100vw / 750)); }
  #atelier_191209 .sec09 .center {
    margin: 0 calc( 75 * (100vw / 750)) calc( 150 * (100vw / 750)); }
  #atelier_191209 .sec10 {
    margin: 0 auto calc( 150 * (100vw / 750)); }
    #atelier_191209 .sec10 .left {
      position: relative;
      margin-bottom: calc( 107 * (100vw / 750)); }
    #atelier_191209 .sec10 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
      #atelier_191209 .sec10 .right .credit{
        margin-top: calc(45 *(100vw / 750));
      }
  #atelier_191209 .sec11 .left {
    margin: 0 auto calc( 150 * (100vw / 750));
    position: relative; }
    #atelier_191209 .sec11 .left .credit {
      margin-top: calc( 45 * (100vw / 750)); }
  #atelier_191209 .sec11 .right {
    margin: 0 auto calc( 150 * (100vw / 750)); }
  #atelier_191209 .sec12 {
    margin: 0 auto calc( 335 * (100vw / 750)); }
    #atelier_191209 .sec12 .left {
      position: relative;
      margin: 0 auto calc( 60 * (100vw / 750)); }
      #atelier_191209 .sec12 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc( -1155 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec12 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec13 .center {
    margin: 0 auto calc( 150 * (100vw / 750)); }
  #atelier_191209 .sec14 {
    margin: 0 auto calc( 383 * (100vw / 750)); }
    #atelier_191209 .sec14 .left {
      position: relative;
      margin: 0 auto calc( 105 * (100vw / 750)); }
      #atelier_191209 .sec14 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc( -1250 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec14 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec15 {
    margin: 0 auto calc( 285 * (100vw / 750)); }
    #atelier_191209 .sec15 .left {
      position: relative;
      margin-bottom: calc( 60 * (100vw / 750)); }
      #atelier_191209 .sec15 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
            top: calc( 2085 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec15 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec16 .center {
    margin: 0 calc( 125 * (100vw / 750)) calc( 150 * (100vw / 750)); }
  #atelier_191209 .cate_area {
    text-align: center; }
    #atelier_191209 .cate_area .ttl {
      display: inline-block;
      padding: 0 calc( 20 * (100vw / 750));
      margin-bottom: calc( 60 * (100vw / 750));
      font-size: calc( 40 * (100vw / 750));
      font-family: 'Crimson Text', serif;
      letter-spacing: 0.03em;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(55%, #d9d9d9));
      background: -webkit-linear-gradient(transparent 55%, #d9d9d9 55%);
      background: -o-linear-gradient(transparent 55%, #d9d9d9 55%);
      background: linear-gradient(transparent 55%, #d9d9d9 55%); }
    #atelier_191209 .cate_area ul {
      font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
      max-width: calc( 550 * (100vw / 750));
      margin: 0 auto calc( 160 * (100vw / 750));
      font-size: calc( 24 * (100vw / 750));
      letter-spacing: .03em; }
      #atelier_191209 .cate_area ul li {
        margin: 0 calc( 20 * (100vw / 750)) calc( 40 * (100vw / 750)); }
    #atelier_191209 .cate_area .bnr {
      margin: 0 auto; }
  #atelier_191209 .swiper-pagination {
    left: 0;
    right: 0;
    margin: calc( 34 * (100vw / 750)) auto 0; }
  #atelier_191209 .swiper-pagination-bullet {
    margin: 0 calc( 9 * (100vw / 750));
    background: #d9d9d9;
    opacity: 1; }
  #atelier_191209 .swiper-pagination-bullet-active {
    background: #666666; }
  #atelier_191209 .swiper-pagination-bullet {
    width: calc( 12 * (100vw / 750));
    height: calc( 12 * (100vw / 750)); }

#atelier_191209 .btn-pagetop {
    position: fixed;
    bottom: calc(100 *(100vw / 750));
    right: calc(30 *(100vw / 750));
    width: calc(80 *(100vw / 750));
    height: calc(80 *(100vw / 750));
    border: 1px solid #B3B3B3;
    border-radius: calc(40 *(100vw / 750));
    background-color: #fff;
  z-index: 100;
}
#atelier_191209 .btn-pagetop a:after {
    content: " ";
    position: absolute;
    top: calc(24 *(100vw / 750));
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    vertical-align: middle;
    border-color: transparent transparent #B3B3B3 transparent;
    border-style: solid solid solid solid;
    border-width: 0 calc(12 *(100vw / 750)) calc(22 *(100vw / 750)) calc(12 *(100vw / 750));
}