.clearfix {
  zoom: 1;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

body .loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 9999;
  display: none;
  opacity: 0;
}
body .loader .loadInner {
  width: 120px;
  height: 128px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -64px 0 0 -60px;
}
body #portalWrap {
  background: url("img/bg.jpg") center top no-repeat;
}
body #shareWrap {
  width: 640px;
}
body #shareWrap .header {
  padding: 51px 0 0 0;
}
body #shareWrap .description {
  padding: 40px 0 0 0;
  width: 600px;
  margin: 0 auto;
  text-align: center;
  font-size: 25px !important;
  word-wrap: break-word;
}
body #shareWrap .sns {
  padding: 61px 0 61px 0;
}
body #shareWrap .sns .twitter {
  float: left;
  padding: 5px 0 0 170px;
}
body #shareWrap .sns .twitter iframe {
  zoom: 2.0;
  -moz-transform: scale(2);
  -moz-transform-origin: 0 0;
  -o-transform: scale(2);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(2);
  -webkit-transform-origin: 0 0;
}
body #shareWrap .sns .facebook {
  float: left;
  padding: 0 0 0 20px;
}
body #shareWrap .sns .facebook iframe {
  zoom: 2.0;
  -moz-transform: scale(2);
  -moz-transform-origin: 0 0;
  -o-transform: scale(2);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(2);
  -webkit-transform-origin: 0 0;
}
body #shareWrap .propagandaArea {
  width: 640px;
  padding: 0 0 57px 0;
}
body #shareWrap .propagandaArea .propagandaPhoto {
  width: 494px;
  margin: 0 auto;
}
body #shareWrap .propagandaArea .propagandaUser {
  width: 446px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: bolder;
  color: #54d9fc;
}
body #shareWrap .propagandaArea .propagandaDate {
  width: 446px;
  margin: 0 auto;
  font-size: 20px;
}
body #shareWrap .propagandaArea .propagandaText {
  width: 446px;
  margin: 0 auto;
  word-break: break-word;
  font-size: 20px;
}
body #shareWrap .propagandaArea .propagandaHash {
  width: 446px;
  margin: 0 auto;
  font-size: 20px;
}
body #shareWrap .competeMethod {
  padding: 0 0 47px 0;
}
body #shareWrap .competeMethod p {
  font-size: 22px !important;
}
body #shareWrap .competeMethod .ornament {
  padding: 0 22px 0 20px;
  float: left;
}
body #shareWrap .competeMethod .competeMethodTxt {
  float: left;
}
body #shareWrap .competeMethod .competeMethodTxt .competeMethodTxt_1 {
  padding: 0 0 30px 0;
}
body #shareWrap .competeMethod .competeMethodTxt .competeMethodTxt_2 {
  padding: 0 0 30px 0;
}
body #shareWrap .competeMethod .competeMethodTxt .competeMethodTxt_2 img {
  vertical-align: top;
  padding: 3px 5px 0 11px;
}
body #shareWrap .competeMethod .competeMethodTxt .competeMethodTxt_2 span {
  padding: 0 9px 0 0;
  color: #54d9fc;
}
body #shareWrap .competeMethod .competeMethodTxt .competeMethodTxt_3 {
  padding: 0 0 20px 0;
}
body #shareWrap .competeMethod .competeMethodTxt .competeMethodTxt_4 {
  padding: 0 0 20px 0;
}
body #shareWrap .caution {
  padding: 0 0 80px 0;
}
body #shareWrap .caution p {
  font-size: 19px !important;
}
body #shareWrap .caution .ornament {
  padding: 0 22px 0 20px;
  float: left;
}
body #shareWrap .caution .cautionTxt {
  width: 500px;
  float: left;
}
body #shareWrap .caution .cautionTxt .cautionTxt_1 {
  padding: 0 0 30px 0;
}
body #shareWrap .caution .cautionTxt .cautionTxt_4 {
  padding: 0 0 30px 0;
}
body #shareWrap .caution .cautionTxt .cautionTxt_5, body #shareWrap .caution .cautionTxt .cautionTxt_6, body #shareWrap .caution .cautionTxt .cautionTxt_7, body #shareWrap .caution .cautionTxt .cautionTxt_8, body #shareWrap .caution .cautionTxt .cautionTxt_9, body #shareWrap .caution .cautionTxt .cautionTxt_10 {
  padding: 0 0 20px 0;
}
body #shareWrap .floatDetail {
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 100;
  width: 640px;
  display: none;
}
body #shareWrap .floatDetail .backBtn {
  float: right;
  width: 107px;
  height: 22px;
  margin: 0 0 30px 0;
}
body #shareWrap .floatDetail .floatView {
  width: 640px;
}
body #shareWrap .floatDetail .floatView .img img {
  width: 100%;
}
body #shareWrap .floatDetail .floatView .userName {
  padding: 24px 0 0 0;
  font-size: 24px;
  font-weight: bolder;
  color: #54d9fc;
}
body #shareWrap .floatDetail .floatView .timeStamp {
  font-size: 24px;
  padding: 10px 0 0 0;
}
body #shareWrap .floatDetail .floatView .tweetText {
  padding: 10px 0 0 0;
  font-size: 24px;
  word-wrap: break-word;
}
body #shareWrap .cover {
  position: fixed;
  width: 640px;
  height: 100%;
  background: black;
  top: 0;
  display: none;
}
body #shareWrap .jsonWrap {
  padding: 55px 0 120px 0;
  width: 640px;
  margin: 0 auto;
}
body #shareWrap .jsonWrap .footerNavi {
  margin: 20 0 40px 0 !important;
}
body #shareWrap .jsonWrap .jsowNavigation {
  position: relative;
  height: 34px;
  width: 640px;
  margin: 0 auto;
  margin: 0 0 40px 0;
}
body #shareWrap .jsonWrap .jsowNavigation .back {
  position: absolute;
  top: 0px;
  left: 46px;
  width: 40px;
  height: 34px;
  overflow: hidden;
}
body #shareWrap .jsonWrap .jsowNavigation .back img:hover {
  margin: -14px 0 0 0;
}
body #shareWrap .jsonWrap .jsowNavigation .next {
  position: absolute;
  top: 0px;
  right: 46px;
  width: 40px;
  height: 34px;
  overflow: hidden;
}
body #shareWrap .jsonWrap .jsowNavigation .next img:hover {
  margin: -14px 0 0 0;
}
body #shareWrap .jsonWrap #jsonOutPutArea {
  position: 'relative';
  width: 554px;
  margin: 0 auto;
}
body #shareWrap .jsonWrap #jsonOutPutArea .middle {
  padding: 0 30px 31px;
}
body #shareWrap .jsonWrap #jsonOutPutArea .pd {
  padding: 0 36px 0 0;
}
body #shareWrap .jsonWrap #jsonOutPutArea .jopBox {
  width: 258px;
  float: left;
  margin: 0 0 31px 0;
  font-size: 20px;
  word-wrap: break-word;
}
body #shareWrap .jsonWrap #jsonOutPutArea .jopBox .jsonOutputImg {
  position: relative;
  padding: 0 0 5px 0;
  width: 258px;
  height: 258px;
}
body #shareWrap .jsonWrap #jsonOutPutArea .jopBox .jsonOutputImg .mainImage {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
}
body #shareWrap .jsonWrap #jsonOutPutArea .jopBox .jsonOutputImg .mainImage img {
  max-width: 223px;
  max-height: 223px;
}
body #shareWrap .jsonWrap #jsonOutPutArea .jopBox .jsonOutputImg .frameImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 258px;
  height: 258px;
}
body #shareWrap .jsonWrap #jsonOutPutArea .jopBox .jsonOutputImg .frameImage img {
  width: 258px;
  height: 258px;
}
body #shareWrap .jsonWrap #jsonOutPutArea .jopBox .jsonOutputUserName {
  padding: 10px 0 5px 0;
  font-size: 20px;
  font-weight: bolder;
  color: #54d9fc;
}
body #shareWrap .jsonWrap #jsonOutPutArea .jopBox .jsonOutputDate {
  font-size: 20px;
  padding: 0 0 10px 0;
}
body #shareWrap .jsonWrap #jsonOutPutArea .jopBox .jsonOutputTweet {
  font-size: 20px;
  padding: 0 0 5px 0;
}