@charset "UTF-8";
#atelier_191209 {
  width: 1000px;
  margin: 0 auto 180px;
  position: relative;
  color: #333; }
  #atelier_191209 img {
    width: 100%; }
  #atelier_191209 a {
    display: block; }
  #atelier_191209 video {
    display: block;
    width: 100%; }
  #atelier_191209 .sec03, #atelier_191209 .sec05, #atelier_191209 .sec07, #atelier_191209 .sec08, #atelier_191209 .sec10, #atelier_191209 .sec11, #atelier_191209 .sec12, #atelier_191209 .sec14, #atelier_191209 .sec15 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #atelier_191209 .sec01, #atelier_191209 .sec03 .left, #atelier_191209 .cate_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #atelier_191209 .sp_only {
    display: none !important; }
  #atelier_191209 .tar {
    text-align: right; }
  #atelier_191209 .credit {
    font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    padding-top: 16px; }
    #atelier_191209 .credit li {
      display: block;
      font-size: 11px;
      font-weight: 400;
      line-height: 2;
      letter-spacing: .025em; }
      #atelier_191209 .credit li a {
        display: inline-block; }
      #atelier_191209 .credit li .none_link {
        pointer-events: none; }
  #atelier_191209 .mv_area {
    width: 840px;
    margin: 0 auto 100px; }
  #atelier_191209 .sec01 {
    width: 833px;
    margin: 0 auto; }
    #atelier_191209 .sec01 .left {
      width: 400px; }
    #atelier_191209 .sec01 .right {
      width: 400px;
      margin-top: 70px;
      margin-bottom: 70px;
      position: relative; }
      #atelier_191209 .sec01 .right .credit {
        margin-top: 30px; }
    #atelier_191209 .sec01 .center {
      width: 566px;
      margin: 0 auto 100px; }
  #atelier_191209 .sec03 {
    width: 970px;
    margin: 0 auto 100px; }
    #atelier_191209 .sec03 .left {
      width: 600px;
      margin-top: 30px; }
      #atelier_191209 .sec03 .left .sl, #atelier_191209 .sec03 .left img {
        width: 300px;
        position: relative; }
      #atelier_191209 .sec03 .left .credit {
        width: 100%; }
    #atelier_191209 .sec03 .right {
      width: 340px;
      position: relative; }
  #atelier_191209 .sec04, #atelier_191209 .sec09 {
    width: 565px;
    margin: 0 auto 70px; }
  #atelier_191209 .sec13 .center, #atelier_191209 .sec28 .center, #atelier_191209 .sec40 .center {
    width: 570px;
    margin: 0 auto 70px; }
  #atelier_191209 .sec13 .credit, #atelier_191209 .sec28 .credit, #atelier_191209 .sec40 .credit {
    text-align: center; }
  #atelier_191209 .sec05 {
    width: 830px;
    margin: 0 auto 100px; }
    #atelier_191209 .sec05 .left {
      width: 400px;
      position: relative;
      margin-top: 100px; }
    #atelier_191209 .sec05 .right {
      width: 400px; }
  #atelier_191209 .sec06 {
    width: 565px;
    margin: 0 auto 100px; }
  #atelier_191209 .sec07 {
    width: 833px;
    margin: 0 auto 100px; }
    #atelier_191209 .sec07 .left {
      width: 400px; }
    #atelier_191209 .sec07 .right {
      margin-top: 70px;
      width: 400px; }
  #atelier_191209 .sec08 {
    width: 960px;
    margin: 0 auto 70px; }
    #atelier_191209 .sec08 .left {
      width: 320px;
      position: relative; }
    #atelier_191209 .sec08 .center {
      width: 320px;
      position: relative; }
    #atelier_191209 .sec08 .right {
      width: 320px; }
  #atelier_191209 .sec09 {
    margin: 0 auto 100px; }
  #atelier_191209 .sec10 {
    width: 780px;
    margin: 0 auto 100px; }
    #atelier_191209 .sec10 .left {
      width: 400px;
      position: relative; }
    #atelier_191209 .sec10 .right {
      width: 350px;
      position: relative; }
      #atelier_191209 .sec10 .right .credit {
        margin-top: 30px; }
  #atelier_191209 .sec11 {
    width: 830px;
    margin: 0 auto 100px; }
    #atelier_191209 .sec11 .left {
      width: 400px;
      position: relative; }
      #atelier_191209 .sec11 .left .credit {
        margin-top: 30px; }
    #atelier_191209 .sec11 .right {
      width: 400px;
      margin-top: 70px; }
  #atelier_191209 .sec12 {
    width: 800px;
    margin: 0 auto 100px; }
    #atelier_191209 .sec12 .left {
      width: 400px; }
    #atelier_191209 .sec12 .right {
      width: 370px;
      position: relative; }
  #atelier_191209 .sec13 {
    margin: 0 auto 100px; }
  #atelier_191209 .sec14 {
    width: 830px;
    margin: 0 auto 100px; }
    #atelier_191209 .sec14 .left {
      width: 400px;
      position: relative; }
      #atelier_191209 .sec14 .left .credit {
        margin-top: 30px; }
    #atelier_191209 .sec14 .right {
      width: 400px;
      position: relative;
      margin-top: 70px; }
  #atelier_191209 .sec15 {
    width: 800px;
    margin: 0 auto 100px; }
    #atelier_191209 .sec15 .left {
      width: 370px;
      position: relative; }
    #atelier_191209 .sec15 .right {
      width: 400px; }
  #atelier_191209 .sec16 .center {
    width: 300px;
    margin: 0 auto 100px; }
  #atelier_191209 .cate_area {
    text-align: center; }
    #atelier_191209 .cate_area .ttl {
      display: inline-block;
      padding: 0 10px;
      margin-bottom: 40px;
      font-size: 20px;
      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: 600px;
      margin: 0 auto 82px;
      font-size: 14px;
      letter-spacing: .03em;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #atelier_191209 .cate_area ul li {
        margin: 0 15px 43px; }
    #atelier_191209 .cate_area .bnr {
      width: 540px;
      margin: 0 auto; }
  #atelier_191209 .swiper-pagination {
    left: 0;
    right: 0;
    margin: 20px auto 0; }
  #atelier_191209 .swiper-pagination-bullet {
    margin: 0 5px;
    background: #d9d9d9;
    opacity: 1; }
  #atelier_191209 .swiper-pagination-bullet-active {
    background: #666666; }
  #atelier_191209 .swiper-pagination-bullet {
    width: 10px;
    height: 10px; }

#atelier_191209 .btn-pagetop {
    position: fixed;
    bottom: 60px;
    right: 6%;
    width: 40px;
    height: 40px;
    border: 1px solid #B3B3B3;
    border-radius: 20px;
    background-color: #fff;
}
#atelier_191209 .btn-pagetop a:after {
    content: " ";
    position: absolute;
    top: 12px;
    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: 0px 6px 11px 6px;
}