@charset "UTF-8";



@media screen and (min-width: 768px) {
	
	#mosaicart #contents .completeart{text-align:center; margin: 30px 0 0 0;}
  #mosaicart #contents .completeart p{ font-weight: 700;}
  #mosaicart #contents .completeart p + div{ width: 640px; margin: 0 auto; cursor: pointer;}
  #mosaicart #contents .completeart p + div img{ width: 100%;}

  }
@media screen and (max-width: 767px) {
/* pc 769px - 1200- */

 }

@media screen and (min-width: 769px) and (max-width: 1200px) {
  /*
  	pc 769-1200
  **************************************************************/

  }
    
    
@media screen and (min-width: 1201px) {
  /*
  	pc 1201-
  **************************************************************/

  }
    
    
@media screen and (min-width: 1401px) {
  /*
  	pc 1401-
  **************************************************************/
    
    }
    
    
    
@media screen and (max-width: 768px) {
  /*
  	sp 
  **************************************************************/
  
  #mosaicart #contents .completeart{text-align:center; margin: 4vw 0 0 0;}
  #mosaicart #contents .completeart p{ font-weight: 700; line-height: 1.8; margin-bottom: 2vw; }
  #mosaicart #contents .completeart p + div{ width: 100%; margin: 0 auto;}
  #mosaicart #contents .completeart p + div img{ width: 100%;}

  #mosaicart .line_wrap dl {
    position: relative;
    z-index: 1;
    padding-top: 4.417vw !important; }
  #mosaicart .dd03 {
    margin: 4.6vw 0 4.6vw 0;
    font-size: 3.125vw; }
  #mosaicart #contents .large {
    font-size: 3.646vw; }
  #mosaicart .achievement01 {
    position: absolute;
    width: 12vw;
    top: 4vw;
    left: 37vw; }
    #mosaicart .achievement01 img {
      width: inherit !important; }
  #mosaicart .achievement02 {
    position: absolute;
    width: 12vw;
    top: 4vw;
    left: 86vw; }
    #mosaicart .achievement02 img {
      width: inherit !important; }
  #mosaicart .achievement03 {
    position: absolute;
    width: 12vw;
    top: 53vw;
    left: 62vw; }
    #mosaicart .achievement03 img {
      width: inherit !important; }
  #mosaicart .achievement04 {
    position: absolute;
    width: 12vw;
    top: 8vw;
    left: 61vw; }
    #mosaicart .achievement04 img {
      width: inherit !important; }
  #mosaicart .achievement05 {
    position: absolute;
    width: 12vw;
    top: 80vw;
    left: 61vw; }
    #mosaicart .achievement05 img {
      width: inherit !important; }
  #mosaicart .achievement06 {
    position: absolute;
    width: 12vw;
    top: 11vw;
    left: 67vw; }
    #mosaicart .achievement06 img {
      width: inherit !important; }
  #mosaicart .posts {
    text-align: center;
    width: 100vw;
    padding: 0;
    margin: 5vw 0 0 -4.5vw;
    position: relative; }
    #mosaicart .posts .inner {
      width: 49vw;
      height: 49vw;
      display: inline-block;
      margin: 0 auto;
      text-align: center;
      vertical-align: middle; }
      #mosaicart .posts .inner img {
        width: 50vw; }
  #mosaicart .posts2 {
    margin: 0 auto;
    text-align: center;
    position: relative; }
    #mosaicart .posts2 .inner {
      width: 65vw;
      display: inline-block;
      margin: 0 auto;
      text-align: center;
      vertical-align: middle;
      height: 72vw; }
      #mosaicart .posts2 .inner img {
        width: 65vw; }
  #mosaicart .posts3 {
    margin: 0 auto;
    text-align: center;
    position: relative; }
    #mosaicart .posts3 .inner {
      width: 80vw;
      display: inline-block;
      margin: 0 auto;
      padding: 0 0 20vw 0;
      text-align: center;
      vertical-align: middle; }
      #mosaicart .posts3 .inner img {
        width: 80vw; }
  #mosaicart .twitter-tweet {
    margin: 0 auto;
    text-align: center; }
    }