.clearfix {
  zoom: 1; /*for IE 5.5-7*/
}
.clearfix:after { /*for modern browser*/
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
* html .clearfix {
  display: inline-table;
  /*\*/ display: block; /**/
}
#headerBlock {
  position: relative;
  z-index: 4000;
}
body#profile-page {
  background: url(../img/common/bg_body.png) repeat;
}
#wacya {
  background: url(../img/top/bg_wacya.png) repeat-x;
  position: relative;
  z-index: 1;
}
#wacya p {
  width: 20%;
  max-width: 1200px;
  text-align: left;
}
#wacya p img {
  width: 100%;
  max-width: 210px;
}
@media screen and (min-width: 1119px) {
  #wacya p {
    margin: 0 auto;
    width: 1200px;
  }
}
#wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#wrapper #main-area {
  position: absolute;
  z-index: 0;
  top: 0;
}
#wrapper #main img {
  width: 100%;
}
/* puzzle */
#puzzle {
  position: absolute;
  bottom: 15%;
  left: 10%;
  z-index: 4;
  width: 90%;
}
#puzzle img {
  width: 20%;
  max-width: 320px !important;
}
#content {
  background: url(../img/common/bg_body.png) repeat;
  width: 100%;
  min-width: 1px;
  padding-bottom: 6%;
  behavior: url(css/PIE.htc); /* for IE8 */
  position: relative;
}
#profile-page #content {
  background: none;
  padding-top: 3%;
}
#content h1 {
  text-align: center;
  position: relative;
  z-index: 5;
  padding-bottom: 1%;
  background: url(../img/top/bg_h1.png) no-repeat center top;
}
#content h1 img {
  margin: -1% auto 0;
  width: 100%;
  max-width: 1179px;
}
#content-inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
#introduction {
  margin: 2% auto 0%;
  text-align: center;
}
/* lead */
#lead {
  width: 14%;
  margin-left: 110%;
  position: relative;
  z-index: 2;
}
#lead p {
  float: right;
  width: 33%;
}
#lead p img {
  width: 120%;
}
/* cover */
#cover {
  width: 100%;
  height: 3000px;
  z-index: 4;
  position: relative;
  margin-top: -3%;
}
#cover img {
  width: 100%;
  height: 100%;
}
/* banner 2 column */
#bnr {
  margin: 5% auto 0;
  width: 1200px;
}
#bnr .line-sticker {
  margin-bottom: 30px;
}
#bnr .line-sticker li {
  margin-bottom: 20px;
  display: inline-block;
}
#bnr .line-sticker li:nth-child(2n) {
  margin-left: 15px;
}
/*
#bnr #present {
	float:left;
	padding-top:2px;
	padding-bottom:50px;
	}
#bnr #line-sticker {
	float:right;
	}
*/
/* line-sticker */
/*#line-sticker{
	width:100%;
	max-width:1200px;
	margin:5% auto 0px;
}
#line-sticker img{
	width:100%;
}*/
/* goods */
#goods {
  clear: both;
  width: 100%;
  max-width: 1200px;
  margin: 30px auto 0;
}
#goods img {
  width: 100%;
}
/* movie */
#movie {
  width: 680px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
#movie-play {
  background: url(../img/top/bg_movie.png) repeat-y;
  text-align: center;
}
#movie-play div {
  width: 640px;
  margin: 0 auto;
}
#movie-sumb {
  background: url(../img/top/bg_movie-thumb.png) no-repeat center bottom;
  padding: 10px 0px 30px;
}
#movie-sumb ul {
  margin: 0px 0px 0px 18px;
  width: 650px;
  text-align: center;
}
#movie-sumb ul li {
  display: inline-block;
  text-align: center;
  width: 32%;
}
#movie-sumb ul li img {
  width: 100%;
}
@media projection, screen {
  .ui-tabs-hide {
    display: none;
  }
}
* html .ui-tabs-nav {
  display: inline-block;
}
*:first-child + html .ui-tabs-nav {
  display: inline-block;
}
/* profile */
#profile {
  background: url(../img/top/bg_profile.png) no-repeat bottom right;
  width: 530px;
  height: 780px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
#profile h2 {
  margin: 30px 0px 0px 20px;
}
/* sns */
#sns {
  margin: 5% auto 0%;
  text-align: center;
  background: url(../img/top/bg_sns.png) repeat-y 0px 120px;
  padding-bottom: 2%;
}
#sns-header {
  background: url(../img/top/bg_sns-tit.png) no-repeat center top;
}
#sns-header h2 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
#sns-content {
  max-width: 1200px;
  margin: -80px auto 20px;
  text-align: center;
  position: relative;
}
#sns-content .inner {
  padding: 60px 10px 10px;
  border-radius: 12px;
  behavior: url(css/PIE.htc); /* for IE8 */
  position: relative;
  background-image: url(../img/top/bg_sns-block.png);
  background-repeat: repeat-x;
}
#sns-content h3 {
  margin-bottom: -50px;
  position: relative;
  text-align: center;
  z-index: 2;
}
#twitter-box, #facebook-box {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  box-sizing: border-box;
  margin: 0px auto 2%;
}
/* twitter */
#twitter-box {
  width: 520px;
  margin: 0 2%;
}
#twitter-box .inner {
  background-color: #000;
  border: #000 4px solid;
}
/* facebook */
#facebook-box {
  width: 520px;
  margin: 0 2%;
}
#facebook-box .inner {
  background-color: #1877f2;
  border: #1877f2 4px solid;
}
/* footer */
#footer {
  background: url(../img/common/bg_footer.png) no-repeat center top;
  margin-top: -3%;
  position: relative;
  z-index: 6;
  min-height: 80px;
}
#pagetop {
  position: absolute;
  bottom: 10%;
  right: 1%;
  z-index: 3000;
}
#footer-inner {
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
#copyright {
  text-align: center;
  width: 30%;
  margin: 0 auto 0;
  padding-top: 46px;
}
#copyright img {
  width: 100%;
  max-width: 247px;
}
/*　instagram　*/
#insta-box {
  margin-bottom: 80px;
}
/* secret */
.open-secret {
  cursor: pointer;
  width: 30%;
  margin-top: -8%;
  position: relative;
}
.open-secret img {
  width: 100%;
  max-width: 249px;
}
#secret {
  width: 100%;
  display: none;
  margin: -2% auto 0%;
}
#secret-inner {
  display: table;
}
#secret ul {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-left: 2%;
}
#secret ul li {
  float: left;
  text-align: center;
  width: 28%;
}
#secret ul li img {
  max-width: 183px;
  width: 98%;
}
#secret-chara {
  display: table-cell;
  vertical-align: middle;
  max-width: 249px;
  width: 30%;
}
#secret img {
  width: 100%;
}
/*----------------------*/
/* profile */
/*----------------------*/
/* header */
#header {
  position: relative;
}
#header img {
  width: 100%;
}
#header-inner {
  position: absolute;
  top: 0;
  left: 16%;
  width: 62.5%;
  max-width: 1200px;
}
#header-inner #site-title {
  position: absolute;
  top: 0%;
  left: -5%;
  z-index: 2;
  width: 33%;
}
#header-inner #link-top {
  position: absolute;
  top: 12%;
  left: 40%;
  z-index: 3;
  width: 7%;
}
#header-inner #logo-wacya {
  position: absolute;
  top: 0%;
  left: 56%;
  z-index: 4;
  width: 26%;
}
#header-inner h1 {
  position: absolute;
  top: 67%;
  left: 28%;
  z-index: 5;
  width: 60%;
}
/* profile-abciee */
#profile-abciee h2 img, #profile-abciee .prof-txt img, #profile-abciee .prof-image img {
  width: 50%;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.profile-box {
  margin: 0% auto 3%;
  text-align: center;
}
#profile-abciee h2 {
  position: absolute;
  z-index: 23;
  top: 4%;
  left: 6%;
  width: 92%;
  max-width: 1220px;
  cursor: pointer;
}
#profile-abciee .prof-txt {
  position: absolute;
  z-index: 22;
  top: 20%;
  left: 6%;
  width: 31%;
  max-width: 367px;
}
#profile-abciee .prof-image {
  position: absolute;
  z-index: 21;
  top: 16%;
  left: 25%;
  width: 69%;
  max-width: 862px;
}
#profile-abciee .prof-bg {
  position: relative;
  z-index: 20;
  top: 0;
  margin: 0 auto;
  max-width: 1311px;
}
#profile-abciee-mama h2 {
  position: absolute;
  z-index: 24;
  top: 7%;
  left: 6%;
  width: 20%;
  max-width: 290px;
}
#profile-abciee-mama .prof-image {
  position: absolute;
  z-index: 25;
  top: 9%;
  left: 8%;
  width: 84%;
  text-align: center;
}
#profile-abciee-mama .prof-image img {
  max-width: 1116px;
}
#profile-abciee-mama .prof-bg {
  position: relative;
  margin: 0 auto;
  max-width: 1311px;
}
.profile-box img {
  width: 100%;
}
/*bnrArea*/
.bnrArea {
  width: 1200px;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0 0 0;
}
.bnrArea img {
  width: 30%;
  margin: 0 0 5px 0;
}
/* wallpaper */
#wallpaper {
  margin: 5% auto 0%;
  text-align: center;
  background: url(../img/top/bg_sns.png) repeat-y 0px 120px;
  padding-bottom: 2%;
}
#wallpaper-header {
  background: url(../img/top/bg_sns-tit.png) no-repeat center top;
}
#wallpaper-header h2 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
#wallpaper-content {
  max-width: 1200px;
  margin: -80px auto 20px;
  text-align: center;
  position: relative;
  display: -webkit-flex;
  display: flex;
  /*-webkit-justify-content: center;
    justify-content: center;*/
  /*-webkit-align-items: center;
    align-items: center;*/
}
#wallpaper-content .inner {
  padding: 60px 10px 10px;
  border-radius: 12px;
  behavior: url(css/PIE.htc); /* for IE8 */
  position: relative;
  background-image: url(../img/top/bg_sns-block.png);
  background-repeat: repeat-x;
}
#wallpaper-content h3 {
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #e95098;
}
.leftArea {
  width: 50%;
  padding-right: 2rem;
}
.leftArea img {
  width: 100%;
  margin-bottom: 1rem;
}
.rightArea {
  /*background: #ffea00;*/
  border-radius: 10px;
  padding: 1rem 0;
  width: 40%;
  color: #000;
  /*min-height: 250px;*/
}
.rightArea ul {
  font-size: 0.95rem;
}
.rightArea ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.rightArea p {
  font-size: 1rem;
  font-weight: bold;
  color: #e95098;
  padding: 0.5rem 0 0;
}
a.btn--orange {
  color: #fff;
  background-color: #e95098;
  border-bottom: 5px solid #b72b6d;
  display: block;
  width: 35%;
  padding: 1rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  margin: 0 auto;
}
a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background-color: #f172ad;
  border-bottom: 5px solid #b72b6d;
}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
a.btn--orange span {
  font-size: 0.8rem;
  color: #ffc3df;
  display: block;
}

/*./wallpaper*/