@charset "euc-jp";

/* pointgacha */
.pointgacha {
   background: url(../img/page-bg.jpg) repeat-y;
}
.pointgacha .image img {
   width: 100%;
}
.pointgacha .btns .btn {
   background: none;
   padding: 0;
}
.pointgacha .main-visual {
   background: url(../img/mv.png) no-repeat;
   background-size: 100%;
   height: 1500px;
   position: relative;
}
.pointgacha .entry.after .main-visual {
   height: 1360px;
}
.pointgacha .wrap-btn {
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   z-index: 10;
}
.pointgacha .wrap-btn p {
   text-align: center;
}
.pointgacha .wrap-btn-member {
   background: url(../img/login-bg.png) no-repeat;
   background-size: 67%;
   width: 800px;
   background-position: 211px 0;
   height: 90px;
}
.pointgacha .btn-member {
   width: 270px;
   margin: auto;
}
.pointgacha .btn-game {
   margin: auto;
   overflow: visible;
   width: 390px;
   height: 100%;
}
.pointgacha .btn-game img {
   display: block;
   transition-duration: 0.3s;
}
.pointgacha .btn-game img:active {
   transform: scale(0.85);
   transition-duration: 0.3s;
   opacity: 1;
}
.pointgacha .btn-game-area {
   background: url(../img/btn-game-bg.png) no-repeat;
   background-size: 100%;
   width: 400px;
   margin: auto;
   padding-top: 6px; 
   height: 130px;
}
.pointgacha .try {
   width: 90%;
   margin: auto;
   padding: 0 0 4% 0;
}
.pointgacha .try .daily {
   margin: 4% 0;
}
.coupon {
   display: none;
}
.pointgacha .birthday {
   margin-bottom: 4%;
}
.pointgacha .result-my-anap {
   width: 60%;
   margin: auto;
   padding: 0 0 4%;
}
.pointgacha .dsp-none,
.pointgacha .cancel {
   display: none;
}
.pointgacha .recommend {
   padding: 0;
   width: 94%;
   margin: 4% auto 10%;
}
.pointgacha .recommend .item-list {
   display: flex;
}
.pointgacha .recommend .item-box {
   margin: 0 1px;
}
.pointgacha .recommend .item-list img {
   width: 100%;
}
.pointgacha .omikuji-result {
   padding-bottom: 40px;
   position: relative;
}
.pointgacha .start {
   display: block !important;
}

/* お正月 */
.pointgacha.new-year .main-visual,
.pointgacha.new-year .entry.after .main-visual {
   background: url(../img/mv-new-year.jpg) no-repeat;
   background-size: 100%;
   height: 1423px;
   position: relative;
}
.pointgacha.new-year .wrap-btn {
   bottom: 50px;
}

/* GW */
.pointgacha.event .main-visual,
.pointgacha.event .entry.after .main-visual {
   background: url(../img/mv-event.png) no-repeat;
   background-size: 100%;
   position: relative;
}
.pointgacha.event {
   background: url(../img/page-bg-event.jpg) repeat-y;
   background-size: 100%;
   position: relative;
}

/* 9月7日切り替え用 */
.pointgacha.change_design .main-visual,
.pointgacha.change_design .pointgacha {
   background: url(../img/change_design_mv.png) no-repeat;
   background-size: 96%;
   background-position: top 50px center;
   position: relative;
   height: 1140px;
}
.pointgacha.change_design .entry.after .main-visual {
   background: url(../img/change_desig_entry_after_mv.png) no-repeat;
   background-size: 96%;
   background-position: top 50px center;
   position: relative;
   height: 1070px;
}
.pointgacha.change_design {
   background: url(../img/august-page-bg.jpg) repeat-y;
   background-size: 100%;
   position: relative;
}
.pointgacha.change_design .wrap-btn,
.pointgacha.change_design .wrap-btn .change_design_btn {
   position: relative;
}
.pointgacha.change_design .wrap-btn .start-link-btn,
.pointgacha.change_design .wrap-btn .first-step-btn,
.pointgacha.change_design .wrap-btn .about-btn {
   position: absolute;
   left: 48%;
   transform: translateX(-50%);
   width: 391px;
}
.pointgacha.change_design .wrap-btn .start-link-btn {
   height: 114px;
   top: 758px;
}
.pointgacha.change_design .wrap-btn .first-step-btn {
   height: 70px;
   top: 897px;
   transition: 0.2s;
}
.pointgacha.change_design .wrap-btn .start-link-btn:hover,
.pointgacha.change_design .wrap-btn .first-step-btn:hover {
   background: #fff;
   opacity: 0.2;
   transition: 0.2s;
}
.pointgacha.change_design .wrap-btn .change-design-btn-game-area,
.pointgacha.change_design .entry.after .change-design-btn-game-area {
   position: absolute;
   top: 720px;
   left: 181px;
}
.pointgacha.change_design .wrap-btn .about-btn {
   height: 33px;
   top: 1009px;
   width: 248px;
}
.pointgacha.change_design .btn-game-area {
   background: url(../img/change_design_btn-game-bg.png) no-repeat;
   background-size: 100%;
   width: 400px;
   margin: auto;
   padding-top: 6px;
   height: 130px;
}
.pointgacha.change_design .accumulated-points {
   font-size: 44px;
   font-weight: bold;
   position: relative;
}
.pointgacha.change_design .accumulated-points .point {
   position: absolute;
   left: 48%;
   top: 886px;
   transform: translateX(-50%);
   background: url(../img/point_area.png) no-repeat;
   background-size: 100%;
   width: 370px;
   margin: auto;
   height: 128px;
}
.pointgacha.change_design .accumulated-points span {
   font-size: 25px;
}
.pointgacha.change_design .accumulated-points .hav-point {
   position: absolute;
   top: 62%;
   left: 50%;
   transform: translate(-50%,-50%);
   width: 100%;
   text-align: center;
}
.pointgacha.change_design .result {
   position: relative;
}
.pointgacha.change_design .omikuji-result .accumulated-points .point {
   top: 420px;
   z-index: 10;
}
.pointgacha.change_design .omikuji-result .osusume-bnr {
   width: 90%;
   margin: 6rem auto 0;
}
.pointgacha.change_design .omikuji-result .osusume-bnr .osusume {
   margin: 0 0 6rem;
}
.pointgacha.change_design .omikuji-result .osusume-bnr .osusume .ttl {
   width: 470px;
   margin: 1rem auto 2rem;
}
.pointgacha.change_design .omikuji-result .osusume-bnr .special .ttl {
   width: 530px;
   margin: 1rem auto 2rem;
}
.pointgacha.change_design .omikuji-result .osusume-bnr .ttl span {
   display: none;
}
.pointgacha.change_design .special ul li.flex {
   justify-content: space-between;
}
.pointgacha.change_design .special ul .osusume-box {
   display: flex;
   text-align: center;
   width: 48%;
}
.pointgacha.change_design .btn-member.change_btn-member {
   top: 740px;
}
.pointgacha.change_design .accumulated-points.entry-accumulated-points .point {
   top: 970px;
}
.pointgacha.change_design .change-btn-member {
   width: 375px;
   margin: auto;
   top: 900px;
   position: absolute;
   left: 195px;
   height: 65px
}
.pointgacha.change_design .design_change_result-my-anap {
   position: absolute;
   top: 905px;
   left: 174px;
   width: 400px;
}