@charset "UTF-8";
/* トップページ */
@font-face { font-family: 'M+ 1c light'; src: url("https://www.warau.jp/images/service/account/registForm/fonts/mplus-1c-light-sub.eot"); src: url("https://www.warau.jp/images/service/account/registForm/fonts/mplus-1c-light-sub.eot?#iefix") format("embedded-opentype"), url("https://www.warau.jp/images/service/account/registForm/fonts/mplus-1c-light-sub.woff") format("woff"), url("https://www.warau.jp/images/service/account/registForm/fonts/mplus-1c-light-sub.ttf") format("truetype"); }
.fontMplus { font-family: 'M+ 1c light'; }

.top-AccoutRegist { text-align: center; background: #FFFFFF; margin-bottom: 20px; }
.top-AccoutRegist_Title { color: #525252; font-weight: lighter; font-size: 220%; letter-spacing: 6px; margin: 0 auto; padding-bottom: 25px; text-align: center; }
.top-AccoutRegist_Title-logo { position: relative; display: inline-block; width: 100%; margin: 30px auto 25px; text-align: center; }
.top-AccoutRegist_LoginBtn { position: absolute; top: 0; right: 0; display: inline-block; margin-right: 0; width: 247px; height: 74px; background: url(../../images/service/account/registForm/registSprite.png) no-repeat -710px -260px; }
.top-AccoutRegist_TvCm { width: 100%; height: 460px; background: #FFF0CC; background-image: radial-gradient(#FFFFFF 20%, transparent 0), radial-gradient(#FFFFFF 20%, transparent 0); background-position: 0 0, 4px 4px; background-size: 8px 8px; padding: 30px 0; position: relative; text-align: center; border-bottom: 1px #CCCCCC solid; }
.top-AccoutRegist_TvCm:after { width: 936px; height: 225px; background: url(../../images/service/account/registForm/registSprite.png) no-repeat center -1294px; content: ''; left: calc(50% - 936px / 2); position: absolute; top: 130px; }
.top-AccoutRegist_TvCm-movie { width: 510px; height: 290px; background: #FFFFFF; border: 5px #FFFFFF solid; position: absolute; top: 30px; left: calc(50% - 500px / 2); z-index: 1; }
.top-AccoutRegist_Balloon { list-style-type: none; margin: auto; width: 895px; }
.top-AccoutRegist_BalloonItem { background: url(../../images/service/account/registForm/registSprite.png) no-repeat; opacity: 0; }
.top-AccoutRegist_BalloonItem:nth-child(1) { width: 148px; height: 131px; background-position: -632px -368px; -webkit-animation: balloon 0.5s ease 0.5s 1 forwards; animation: balloon 0.5s ease 0.5s 1 forwards; float: left; }
.top-AccoutRegist_BalloonItem:nth-child(2) { width: 176px; height: 147px; background-position: -783px -355px; -webkit-animation: balloon 0.5s ease 1s 1 forwards; animation: balloon 0.5s ease 1s 1 forwards; float: right; }
.top-AccoutRegist_Btn-base { border: none; border-radius: 5px; cursor: pointer; display: inline-block; font-weight: bold; height: 48px; letter-spacing: 0.5px; margin: auto; text-align: center; transition: all 0.3s; -webkit-font-smoothing: antialiased; }
.top-AccoutRegist_Btn-base:hover { border: none; transform: translateY(3px); }
.top-AccoutRegist_Btn-regist { background: #FF0000; box-shadow: 0 6px 0 #8E0000; color: #FFFFFF; font-size: 180%; height: 65px; letter-spacing: 4px; line-height: 220%; margin: auto; position: absolute; bottom: 40px; left: calc(50% - 650px / 2); text-decoration: none; width: 650px; }
.top-AccoutRegist_Btn-regist:hover { background: #FF0000; box-shadow: 0 3px 0 #8E0000; }

@-webkit-keyframes balloon { 100% { opacity: 1; } }
@keyframes balloon { 100% { opacity: 1; } }
.top-Body { line-height: 1.5; padding-top: 20px; padding-bottom: 40px; border-bottom: 1px solid #CCCCCC; background-color: #FAFBFC; }
.top-Body:after { display: table; clear: both; content: ' '; }
.top-Body_Inner { width: 1000px; margin-right: auto; margin-left: auto; }

.top-Main { float: left; width: 670px; }

.top-Sub { float: right; width: 300px; }

#secretSettingInfo { background: #69C137; margin: -20px 0 20px; text-align: center; }
#secretSettingInfo:hover { opacity: .9; }
#secretSettingInfo a { color: #FFFFFF; text-decoration: none; }
#secretSettingInfo a:hover { text-decoration: underline; }
#secretSettingInfo .secretSettingBox { letter-spacing: 0.2em; padding: 7px 0; }
#secretSettingInfo .secretSettingBox img { margin-right: 8px; }
#secretSettingInfo .whiteArrow { display: inline-block; padding: 0 0 0 10px; position: relative; text-decoration: none; vertical-align: middle; }
#secretSettingInfo .whiteArrow:before, #secretSettingInfo .whiteArrow:after { position: absolute; left: 0; top: -1px; bottom: 0; content: ""; margin: auto; vertical-align: middle; }
#secretSettingInfo .whiteArrow:before { width: 7px; height: 7px; border-top: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; left: 3px; top: -5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.limitFeature { width: 960px; height: 50px; position: relative; margin: 0 auto 20px; }

.limitFeature p { position: absolute; z-index: 2; top: -10px; left: 45px; color: #DC0000; font: 900 300% "Arial Black", Arial; }

.textGradationBox { width: 1000px; height: 52px; position: relative; margin: 0 auto 20px; }
.textGradationBox img { width: 1000px; }

.top-Tls_Bnr { width: 100%; height: 52px; display: block; margin-bottom: 20px; background: #FCE825; border-top: 1px #FFCC01 solid; border-bottom: 1px #FFCC01 solid; }
.top-Tls_Bnr:hover { opacity: .7; }
.top-Tls_Bnr-inner { width: 960px; height: 50px; margin: -1px auto 0; text-align: left; }

.top-Slide { display: inline-block; margin-bottom: 20px; height: 280px; }
.top-Slide #screenImage { width: 670px; height: 230px; }
.top-Slide #topScreen img { width: 670px; height: 230px; cursor: pointer; z-index: 1; }
.top-Slide #screenNavigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 670px; height: 50px; overflow: hidden; padding: 1px 1px 0; margin: 5px 5px 0 0; }
.top-Slide #screenNavigation dd { display: inline-block; margin: 0 4.75px 0 0; }
.top-Slide #screenNavigation dd:last-child { margin-right: 0; }
.top-Slide #screenNavigation dd a { width: 70px; height: 47px; background: #FFFFFF; display: block; text-align: center; border: 1px #CCCCCC solid; }
.top-Slide #screenNavigation dd a img { opacity: 1; }
.top-Slide #screenNavigation dd a.activeSlide { background: #FFFFFF; border: 1px #FEB302 solid; }
.top-Slide #screenNavigation dd a.activeSlide img { opacity: .25; }

.top-Pickup { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-Pickup_Chan { background-color: #FFF5D4; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, transparent), color-stop(0.5, #FFEFBF), to(#FFEFBF)), -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.5, transparent), color-stop(0.5, #FFEFBF), to(#FFEFBF)); background-size: 5px 5px; }
.top-Pickup_Momo { background-color: #FFECE6; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, transparent), color-stop(0.5, #FFCCCC), to(#FFCCCC)), -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.5, transparent), color-stop(0.5, #FFCCCC), to(#FFCCCC)); background-size: 5px 5px; }
.top-Pickup_Mid { background-color: #E9FFD5; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, transparent), color-stop(0.5, #DFF5B4), to(#DFF5B4)), -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.5, transparent), color-stop(0.5, #DFF5B4), to(#DFF5B4)); background-size: 5px 5px; }
.top-Pickup_Title { line-height: 1; position: relative; margin: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; }
.top-Pickup_Eyecatch { position: absolute; right: 10px; bottom: 0; display: block; }
.top-Pickup_Link { position: relative; display: block; min-height: 160px; margin: 0 18px 18px 18px; padding: 20px; padding-left: 170px; text-decoration: none; color: #525252; border-radius: 10px; background-color: #FFFFFF; transition: all 0.2s ease-in-out; }
.top-Pickup_Link:after { display: table; clear: both; content: ' '; }
.top-Pickup_Link.chan:hover { background-color: #FFFFF3; }
.top-Pickup_Link.momo:hover { background-color: #FFECE6; }
.top-Pickup_Link.mid:hover { background-color: #F8FFED; }
.top-Pickup_Bnr { position: absolute; top: 20px; left: 20px; }
.top-Pickup_Lead { font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: .5em; }
.top-Pickup_Lead.chan { color: #EE8D00; }
.top-Pickup_Lead.momo { color: #EC639B; }
.top-Pickup_Lead.mid { color: #86A600; }

.top-PickupDetail { margin: 0; }
.top-PickupDetail_Word { font-size: 18px; font-weight: bold; margin-bottom: 0.5em; line-height: 1.2; }
.top-PickupDetail_Item { font-size: 15px; line-height: 1.3; padding-left: 1.5em; margin-top: 0; margin-left: 0; margin-bottom: 0; position: relative; }
.top-PickupDetail_Item:first-letter { margin-left: -1.5em; }
.top-PickupDetail_Item:after { position: absolute; content: ""; left: 0; top: 1.9em; width: 17px; height: 17px; display: block; position: absolute; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 -580px; }
.top-PickupDetail_Before { position: relative; display: inline-block; height: 1em; }
.top-PickupDetail_Before:before { content: ""; width: 100%; height: 1px; display: block; position: absolute; top: 0.5em; left: 0; background-color: #525252; }
.top-PickupDetail_Point { color: #DA0201; font-size: 25px; font-weight: bold; font-family: "Karla", sans-serif; margin-right: 5px; }
.top-PickupDetail_Unit { color: #DA0201; font-size: 16px; font-weight: bold; font-family: "Karla", sans-serif; }

.top-RecoShops { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-RecoShops_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; position: relative; }
.top-RecoShops_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-RecoShops_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 22px; height: 24px; background-position: -0px -411px; }
.top-RecoShops_SpIcon { position: absolute; top: -13px; right: 5px; animation: boundanime 5s ease-out infinite; -webkit-animation: boundAnim 5s ease-out infinite; }
@keyframes boundAnim { 30% { transform: translateY(0); }
  35% { transform: translateY(-8px); }
  40% { transform: translateY(-2px); }
  45% { transform: translateY(-8px); }
  50% { transform: translateY(0); }
  80% { transform: translateY(0); }
  100% { transform: translateY(0); } }
@-webkit-keyframes boundAnim { 30% { -webkit-transform: translateY(0); }
  35% { -webkit-transform: translateY(-8px); }
  40% { -webkit-transform: translateY(-2px); }
  45% { -webkit-transform: translateY(-8px); }
  50% { -webkit-transform: translateY(0); }
  80% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(0); } }
.top-RecoShops_Items { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; }
.top-RecoShops_Items:after { display: table; clear: both; content: ' '; }
.top-RecoShops_Item { float: left; width: 25%; border-right: 1px solid #CCCCCC; }
.top-RecoShops_Item:nth-child(4n) { border-right: none; }
.top-RecoShops_Item:nth-child(-n+8) { border-bottom: 1px solid #CCCCCC; }
.top-RecoShops_Link { display: block; text-decoration: none; text-align: center; padding: 15px 0 5px; color: #525252; position: relative; transition: all 0.2s ease-in-out; }
.top-RecoShops_Link:hover { background-color: #FFFCEB; }
.top-RecoShops_PtUp { position: absolute; top: 0; left: 0; width: 33px; height: 33px; color: #FFFFFF; font-family: Arial, sans-serif; text-transform: uppercase; text-align: left; font-size: 12px; padding-left: 2px; padding-top: 3px; background: #FF7348; background: linear-gradient(to bottom right, #FF7348 0%, #FF7348 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%); }
.top-RecoShops_Before { position: relative; display: inline-block; height: 1em; }
.top-RecoShops_Before:before { content: ""; width: 100%; height: 1px; display: block; position: absolute; top: 0.6em; left: 0; background-color: #525252; }
.top-RecoShops_Before:after { content: ' →'; position: absolute; top: 0; right: -1.5em; }
.top-RecoShops_PtBox-before { margin-top: 29px; }
.top-RecoShops_Point { line-height: 1; color: #DA0201; font-size: 25px; font-weight: bold; font-family: "Karla", sans-serif; margin-right: 5px; position: relative; padding-left: 1em; }
.top-RecoShops_Point:after { position: absolute; content: ""; top: 5px; left: 0px; width: 17px; height: 17px; display: block; position: absolute; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 -580px; }
.top-RecoShops_Unit { color: #DA0201; font-size: 16px; font-weight: bold; font-family: "Karla", sans-serif; }
.top-RecoShops_Logo { display: block; width: 120px; height: 60px; background-repeat: no-repeat; margin-right: auto; margin-left: auto; background: url(../../../warau.akamaized.net/www.warau.jp/images/common/sprite_majorSite3900.png?201810162); margin-bottom: 5px; }
.top-RecoShops_rakuten .top-RecoShops_Logo { background-position: 0 0px; }
.top-RecoShops_yahooShopping .top-RecoShops_Logo { background-position: 0 -60px; }
.top-RecoShops_yahooAuction .top-RecoShops_Logo { background-position: 0 -120px; }
.top-RecoShops_nissen .top-RecoShops_Logo { background-position: 0 -180px; }
.top-RecoShops_oisix .top-RecoShops_Logo { background-position: 0 -240px; }
.top-RecoShops_cecile .top-RecoShops_Logo { background-position: 0 -300px; }
.top-RecoShops_qoo10 .top-RecoShops_Logo { background-position: 0 -360px; }
.top-RecoShops_fancl .top-RecoShops_Logo { background-position: 0 -420px; }
.top-RecoShops_lohaco .top-RecoShops_Logo { background-position: 0 -480px; }
.top-RecoShops_rakutenBooks .top-RecoShops_Logo { background-position: 0 -540px; }
.top-RecoShops_apple .top-RecoShops_Logo { background-position: 0 -600px; }
.top-RecoShops_dhc .top-RecoShops_Logo { background-position: 0 -660px; }
.top-RecoShops_chople .top-RecoShops_Logo { background-position: 0 -1500px; }
.top-RecoShops_More { margin: 0; }
.top-RecoShops_MoerLink { display: block; text-align: center; text-decoration: none; padding: 0.7em -0px; color: #898A8B; font-size: 14px; border-top: 1px solid #CCCCCC; transition: all 0.2s ease-in-out; margin-top: -1px; }
.top-RecoShops_MoerLink:hover { color: #FEA000; }
.top-RecoShops_MoerLink:hover:after { transform: translate(8px, -1px) rotate(45deg); border-color: #FEA000; }
.top-RecoShops_MoerLink:after { content: ""; display: inline-block; width: 6px; height: 6px; border-top: 3px solid #B7BCBF; border-right: 3px solid #B7BCBF; transition: all 0.2s ease-in-out; transform: translate(5px, -1px) rotate(45deg); }
.top-RecoShops_MoerLink { margin-top: 0; }

.top-RecoSites { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-RecoSites_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-RecoSites_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-RecoSites_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 22px; height: 24px; background-position: -0px -445px; }
.top-RecoSites_Items { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; }
.top-RecoSites_Items:after { display: table; clear: both; content: ' '; }
.top-RecoSites_Item { float: left; width: 25%; border-right: 1px solid #CCCCCC; }
.top-RecoSites_Item:nth-child(4n) { border-right: none; }
.top-RecoSites_Item:nth-child(-n+8) { border-bottom: 1px solid #CCCCCC; }
.top-RecoSites_Link { display: block; text-decoration: none; text-align: center; padding: 15px 0 5px; color: #525252; position: relative; transition: all 0.2s ease-in-out; }
.top-RecoSites_Link:hover { background-color: #FFFCEB; }
.top-RecoSites_PtUp { position: absolute; top: 0; left: 0; width: 33px; height: 33px; color: #FFFFFF; font-family: Arial, sans-serif; text-transform: uppercase; text-align: left; font-size: 12px; padding-left: 2px; padding-top: 3px; background: #FF7348; background: linear-gradient(to bottom right, #FF7348 0%, #FF7348 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%); }
.top-RecoSites_Before { position: relative; display: inline-block; height: 1em; }
.top-RecoSites_Before:before { content: ""; width: 100%; height: 1px; display: block; position: absolute; top: 0.6em; left: 0; background-color: #525252; }
.top-RecoSites_Before:after { content: ' →'; position: absolute; top: 0; right: -1.5em; }
.top-RecoSites_PtBox-before { margin-top: 29px; }
.top-RecoSites_Point { line-height: 1; color: #DA0201; font-size: 25px; font-weight: bold; font-family: "Karla", sans-serif; margin-right: 5px; position: relative; padding-left: 1em; }
.top-RecoSites_Point:after { position: absolute; content: ""; top: 5px; left: 0px; width: 17px; height: 17px; display: block; position: absolute; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 -580px; }
.top-RecoSites_Unit { color: #DA0201; font-size: 16px; font-weight: bold; font-family: "Karla", sans-serif; }
.top-RecoSites_Item:nth-child(-n+4) { border-bottom: 1px solid #CCCCCC; }
.top-RecoSites_Logo { display: block; width: 120px; height: 60px; background-repeat: no-repeat; margin-right: auto; margin-left: auto; background: url(../../../warau.akamaized.net/www.warau.jp/images/common/sprite_majorSite3900.png?201810162); margin-bottom: 5px; }
.top-RecoSites_rakutenTravel .top-RecoSites_Logo { background-position: 0 -720px; }
.top-RecoSites_jalan .top-RecoSites_Logo { background-position: 0 -780px; }
.top-RecoSites_his .top-RecoSites_Logo { background-position: 0 -840px; }
.top-RecoSites_yahooTravel .top-RecoSites_Logo { background-position: 0 -900px; }
.top-RecoSites_rurubu .top-RecoSites_Logo { background-position: 0 -960px; }
.top-RecoSites_ikyu .top-RecoSites_Logo { background-position: 0 -1020px; }
.top-RecoSites_clubT .top-RecoSites_Logo { background-position: 0 -1080px; }
.top-RecoSites_jal .top-RecoSites_Logo { background-position: 0 -1140px; }
.top-RecoSites_More { margin: 0; }
.top-RecoSites_MoerLink { display: block; text-align: center; text-decoration: none; padding: 0.7em -0px; color: #898A8B; font-size: 14px; border-top: 1px solid #CCCCCC; transition: all 0.2s ease-in-out; margin-top: -1px; }
.top-RecoSites_MoerLink:hover { color: #FEA000; }
.top-RecoSites_MoerLink:hover:after { transform: translate(8px, -1px) rotate(45deg); border-color: #FEA000; }
.top-RecoSites_MoerLink:after { content: ""; display: inline-block; width: 6px; height: 6px; border-top: 3px solid #B7BCBF; border-right: 3px solid #B7BCBF; transition: all 0.2s ease-in-out; transform: translate(5px, -1px) rotate(45deg); }

.top-TimeSale { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-TimeSale_Title { position: relative; font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-TimeSale_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-TimeSale_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: -560px 0; }
.top-TimeSale_Catch { font-size: 12px; position: absolute; right: 10px; }

.top-TimeSaleItem:nth-child(-n+3) { border-bottom: 1px solid #CCCCCC; }
.top-TimeSaleItem_Link { display: block; text-decoration: none; color: #525252; padding: 24px; background-color: transparent; transition: all 0.2s ease-in-out; }
.top-TimeSaleItem_Link:after { display: table; clear: both; content: ' '; }
.top-TimeSaleItem_Link:hover { background-color: #FFFCEB; }
.top-TimeSaleItem_Bnr { float: left; padding-right: 30px; }
.top-TimeSaleItem_Detail { position: relative; float: left; width: 340px; padding-top: 45px; }
.top-TimeSaleItem_Title { font-size: 18px; font-weight: bold; margin-bottom: 0.5em; line-height: 1.2; }
.top-TimeSaleItem_Content { margin-left: 0; padding-left: 25px; font-size: 15px; line-height: 1.2; margin-top: 0; margin-bottom: 0; }
.top-TimeSaleItem_Content:first-letter { margin-left: -25px; }
.top-TimeSaleItem_Content:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; }
.top-TimeSaleItem_Before { position: relative; display: inline-block; height: 1em; position: relative; }
.top-TimeSaleItem_Before:before { content: ""; width: 100%; height: 1px; display: block; position: absolute; top: 0.4em; left: 0; background-color: #525252; }
.top-TimeSaleItem_Before:after { position: absolute; content: ""; top: 0px; left: -25px; width: 17px; height: 17px; display: block; position: absolute; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 -580px; }
.top-TimeSaleItem_Point { color: #DA0201; font-size: 25px; font-weight: bold; font-family: "Karla", sans-serif; margin-right: 5px; margin-left: 5px; }
.top-TimeSaleItem_Unit { color: #DA0201; font-size: 16px; font-weight: bold; font-family: "Karla", sans-serif; }
.top-TimeSaleItem_Star { display: block; float: right; padding-top: 35px; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 121px; height: 121px; background-position: -560px -40px; }
.top-TimeSaleItem_Txt { font-family: "Karla", sans-serif; font-size: 40px; font-weight: bold; line-height: 1; margin: 0; text-align: center; color: #DA0201; }

.sw-TimeSale_Period .top-TimeSaleItem_Link { background-color: #FFFCEB; }

.top-TimeSaleLimit { line-height: 1; position: absolute; top: 0; overflow: hidden; width: 100%; min-height: 32px; margin: 0; border: 1px solid #888888; border-radius: 5px; }
.sw-TimeSale_Period .top-TimeSaleLimit { border-color: #DA0201; }
.top-TimeSaleLimit_Word { font-size: 14px; position: relative; width: 5.5em; padding: .7em; color: #FFFFFF; background-color: #888888; }
.sw-TimeSale_Period .top-TimeSaleLimit_Word { background-color: #DA0201; }
.top-TimeSaleLimit_Word:after { position: absolute; z-index: 2; top: 0; left: 69px; display: block; width: 0; height: 0; content: ''; transform: scale(0.5, 1); border: 15px solid transparent; border-left-color: #888888; }
.sw-TimeSale_Period .top-TimeSaleLimit_Word:after { border-left-color: #DA0201; }
.top-TimeSaleLimit_Item { font-size: 13px; font-weight: bold; margin: -2.1em 0 0 7.5em; letter-spacing: .3em; }
.top-TimeSaleLimit .countdownNumber { font-size: 22px; color: #DA0201; }
.top-TimeSaleLimit .limitTimeEnd { letter-spacing: 0; font-size: 16px; line-height: 1.3; }

.top-PointInfo { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-PointInfo_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-PointInfo_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-PointInfo_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 -478px; }
.top-PointInfo_More { margin: 0; }

.sw-PointInfoItem-hide { display: none; }

.js_newShowMore { display: block; width: 100%; text-align: center; padding: 0.7em -0px; color: #898A8B; font-size: 14px; border-top: 1px solid #CCCCCC; border-right: 0; border-bottom: 0; border-left: 0; background-color: #FFFFFF; cursor: pointer; transition: all 0.2s ease-in-out; border-top: 0; }
.js_newShowMore:hover { color: #FEA000; }
.js_newShowMore:hover:after { border-color: #FEA000; transform: translate(20px, 5px) rotate(135deg); }
.js_newShowMore:after { content: ""; display: inline-block; width: 0.4em; height: 0.4em; border-top: 3px solid #B7BCBF; border-right: 3px solid #B7BCBF; transition: all 0.2s ease-in-out; transform: translate(20px, 2px) rotate(135deg); transform-origin: 0 0; }
.js_newShowMore-opened:after { transform: translate(0.5em, 6px) rotate(-45deg); transform-origin: 0 0; }
.js_newShowMore-opened:hover:after { transform-origin: 0 0; transform: translate(0.5em, 3px) rotate(-45deg); }

.top-PointInfoItem { border-bottom: 1px solid #CCCCCC; }
.top-PointInfoItem:last-of-type { border-bottom: none; }
.top-PointInfoItem_Link { display: block; text-decoration: none; color: #525252; padding: 24px; background-color: transparent; transition: all 0.2s ease-in-out; display: table; width: 100%; }
.top-PointInfoItem_Link:after { display: table; clear: both; content: ' '; }
.top-PointInfoItem_Link:hover { background-color: #FFFCEB; }
.top-PointInfoItem_Bnr { width: 150px; display: table-cell; vertical-align: middle; }
.top-PointInfoItem_Detail { display: table-cell; vertical-align: middle; }
.top-PointInfoItem_Title { font-size: 16px; font-weight: bold; margin-bottom: 0.5em; line-height: 1.2; }
.top-PointInfoItem_Content { margin-left: 0; padding-left: 25px; font-size: 15px; line-height: 1.2; margin-top: 0; margin-bottom: 0; position: relative; }
.top-PointInfoItem_Content:after { position: absolute; content: ""; top: 25px; left: 0px; width: 17px; height: 17px; display: block; position: absolute; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 -580px; }
.top-PointInfoItem_Content:first-letter { margin-left: -25px; }
.top-PointInfoItem_Before { position: relative; display: inline-block; height: 1em; }
.top-PointInfoItem_Before:before { content: ""; width: 100%; height: 1px; display: block; position: absolute; top: 0.5em; left: 0; background-color: #525252; }
.top-PointInfoItem_Point { color: #DA0201; font-size: 25px; font-weight: bold; font-family: "Karla", sans-serif; margin-right: 5px; }
.top-PointInfoItem_Unit { color: #DA0201; font-size: 16px; font-weight: bold; font-family: "Karla", sans-serif; }
.top-PointInfoItem_Update { font-size: 14px; position: relative; margin-top: -1.8em; margin-bottom: 0; padding-left: 1.5em; text-align: right; }

#strongFeature { border: 1px solid #CCCCCC; margin-bottom: 20px; }
#strongFeature .strongFeatureTitle { vertical-align: bottom; height: 60px; }

.top-StrongFeature_Detail { width: 480px; height: 315px; position: relative; margin: 0 auto; }
.top-StrongFeature_Bnr { width: 480px; height: 315px; }

.strongSpecInner, .strongSpecInnerFx, .strongBanner200 { position: absolute; }

.strongSpecInner { width: 250px; top: 150px; left: 200px; color: #525252; }
.strongSpecInnerFx { width: 210px; top: 160px; left: 175px; color: #525252; }

.strongAcquirement { padding-left: 18px; background: url(https://www.warau.jp/images/sp/common/icon_pt.svg) no-repeat; background-position: 0 0; background-size: 14px auto; margin-left: 0; font-size: 15px; line-height: 1; margin-top: 0; margin-bottom: 0; margin-top: 5px; }
.strongPoint { color: #DA0201; font-size: 25px; font-weight: bold; font-family: "Karla", sans-serif; margin-right: 5px; }
.strongPoint s, .strongPoint .fontsize9 { color: #525252; font: lighter 15px "メイリオ", Meiryo, sans-serif; }
.strongPoint .marginLeft3 { margin-right: 5px; }
.strongPoint .PT3 { font-size: 24px; }
.strongPoint .PT3 span { font-size: 16px; }
.strongPointFx { padding-left: 18px; background: url(https://www.warau.jp/images/sp/common/icon_pt.svg) no-repeat; background-position: 0px 6px; background-size: 14px auto; }

img.strongBanner200 { width: 120px; top: 80px; left: 40px; border: 6px solid #EEEEEE; }

img.speedPtAnim { position: absolute; top: 35%; right: 12%; z-index: 1; animation: speedPtAnim 2.3s ease-in-out infinite normal; }

@-webkit-keyframes speedPtAnim { 0% { -webkit-transform: translate(0px, 0px) scale(1); }
  50% { -webkit-transform: translate(0px, 0px) scale(1.1); }
  100% { -webkit-transform: translate(0px, 0px) scale(1); } }
@-moz-keyframes speedPtAnim { 0% { -moz-transform: translate(0px, 0px) scale(1); }
  50% { -moz-transform: translate(0px, 0px) scale(1.1); }
  100% { -moz-transform: translate(0px, 0px) scale(1); } }
@keyframes speedPtAnim { 0% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(0px, 0px) scale(1.1); }
  100% { transform: translate(0px, 0px) scale(1); } }
.top-Campaign { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-Campaign_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-Campaign_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-Campaign_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: -700px 0; }
.top-Campaign_Items { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; }
.top-Campaign_Item { position: relative; border-bottom: 1px solid #CCCCCC; }
.top-Campaign_Item:last-child { border-bottom: none; }
.top-Campaign_Item:before, .top-Campaign_Item:after { position: absolute; z-index: 2; display: block; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; }
.top-Campaign_Item:nth-child(1):before { bottom: -8px; right: 0; width: 55px; height: 51px; background-position: -700px -41px; }
.top-Campaign_Item:nth-child(2):after { bottom: 0; left: 10px; width: 46px; height: 40px; background-position: -700px -102px; }
.top-Campaign_Item:nth-child(3):before { bottom: 0; right: 10px; width: 35px; height: 38px; background-position: -700px -152px; }
.top-Campaign_Item:nth-child(4):before { bottom: -2px; left: 10px; width: 51px; height: 40px; background-position: -700px -207px; }
.top-Campaign_Link { transition: all 0.2s ease-in-out; font-size: 15px; font-weight: bold; position: relative; text-align: center; display: block; text-decoration: none; color: #525252; padding: 24px 0 10px 0; background-color: transparent; }
.top-Campaign_Link:after { display: table; clear: both; content: ' '; }
.top-Campaign_Link:hover { background-color: #FFFCEB; }
.top-Campaign_Bnr { display: block; margin-bottom: 9px; margin-right: auto; margin-left: auto; }
.top-Campaign_Balloon { margin-right: auto; margin-left: auto; border: 1px solid #CCCCCC; background-color: #FFFFFF; border-radius: 17px; padding: .5em 0 .3em; width: 470px; margin-top: 0; margin-bottom: 0; position: relative; }
.top-Campaign_Balloon:after { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; position: absolute; bottom: -1px; width: 30px; height: 17px; content: ''; background-position: -700px -265px; }
.top-Campaign_Item:nth-of-type(odd) .top-Campaign_Balloon:after { right: -24px; }
.top-Campaign_Item:nth-of-type(even) .top-Campaign_Balloon:after { left: -24px; transform: rotateY(180deg); }

.top-MiniConts { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-MiniConts_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; overflow: hidden; }
.top-MiniConts_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-MiniConts_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 37px; height: 32px; background-position: 0 -510px; bottom: 0; left: -5px; }
.top-MiniConts_Items:after { display: table; clear: both; content: ' '; }
.top-MiniConts_Item { float: left; width: 34%; }
.top-MiniConts_Item:nth-child(-n+2) { width: 33%; border-right: 1px solid #CCCCCC; }
.top-MiniConts_Link { display: block; padding-bottom: 20px; text-align: center; text-decoration: none; color: #525252; background-color: #FFFFFF; transition: all 0.2s ease-in-out; }
.top-MiniConts_Link:hover { background-color: #FFFCEB; }
.top-MiniConts_Link img { width: 100%; }

.top-MiniContsItem_Title { font-size: 14px; margin: .5em auto; }
.top-MiniContsItem_Desc { font-size: 13px; margin: 0; }

.top-DailyCheck { position: relative; width: 1000px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-DailyCheck:before { position: absolute; z-index: 1; top: -30px; right: 0; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 82px; height: 65px; background-position: -790px -40px; }
.top-DailyCheck_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-DailyCheck_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-DailyCheck_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; top: 4px; left: 3px; width: 24px; height: 26px; background-position: -790px -0px; }
.top-DailyCheck_Items { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; }
.top-DailyCheck_Item:nth-child(-n+2) { border-bottom: 1px solid #CCCCCC; }
.top-DailyCheck_Link { height: 60px; line-height: 60px; font-size: 14px; display: block; padding: 0 1em; text-decoration: none; transition: all 0.2s ease-in-out; }
.top-DailyCheck_Link:after { display: table; clear: both; content: ' '; }
.top-DailyCheck_Link:hover { background-color: #FFFCEB; }
.top-DailyCheck_Desc { display: inline-block; vertical-align: middle; font-weight: bold; line-height: 150%; position: relative; width: 55%; padding-left: 2em; }
.top-DailyCheck_Desc:before { position: absolute; top: 0; left: 0; display: block; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; }
.top-DailyCheck_Item-pt .top-DailyCheck_Desc:before { width: 24px; height: 23px; background-position: -790px -115px; }
.top-DailyCheck_Item-tk .top-DailyCheck_Desc:before { width: 23px; height: 21px; background-position: -790px -148px; }
a:link .top-DailyCheck_Desc { color: #525252; }
a:visited .top-DailyCheck_Desc { color: #989898; }
a:active .top-DailyCheck_Desc { color: #989898; }
.top-DailyCheck_New { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/global/sprite_common.png); background-repeat: none; width: 24px; height: 16px; background-position: -13px -171px; display: inline-block; vertical-align: middle; margin-left: 5px; }
.top-DailyCheck_Fee { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 150%; position: relative; padding-left: 2em; width: 45%; color: #525252; }
.top-DailyCheck_Fee:before { position: absolute; top: .4em; left: 1em; display: block; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; }
.top-DailyCheck_Item-pt .top-DailyCheck_Fee { position: relative; }
.top-DailyCheck_Item-pt .top-DailyCheck_Fee:after { position: absolute; content: ""; top: 4px; left: 0px; width: 17px; height: 17px; display: block; position: absolute; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 -580px; }
.top-DailyCheck_Item-pt .top-DailyCheck_Fee:before { left: 8px; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; }
.top-DailyCheck_Item-tk .top-DailyCheck_Fee:before { left: 0; width: 16px; height: 14px; background-position: -790px -180px; }
.top-DailyCheck_Point1 { font-family: "Karla", sans-serif; font-size: 20px; color: #DA0201; margin-left: 3px; }
.top-DailyCheck_Unit1 { font-size: 14px; margin-right: .5em; color: #DA0201; font-weight: bold; margin-left: 3px; }
.top-DailyCheck_Point2 { color: #DA0201; font-size: 25px; font-weight: bold; font-family: "Karla", sans-serif; margin-right: 5px; margin-left: 3px; }
.top-DailyCheck_Unit2 { color: #DA0201; font-size: 16px; font-weight: bold; font-family: "Karla", sans-serif; margin-left: -5px; }

/* ImportantAnnounce */
.top-ImportantAnnounce { width: 100%; height: 100%; padding-bottom: 20px; }
.top-ImportantAnnounce_Inner-pink { width: 100%; border: 1px solid #FF7373; border-radius: 5px; margin: auto; }
.top-ImportantAnnounce_Inner-green { width: 100%; border: 1px solid #6AAF4E; border-radius: 5px; margin: auto; }
.top-ImportantAnnounce_Title-pink { width: 100%; height: 35px; background: #FF7373; margin: 0; padding: 0; line-height: 35px; text-align: left; }
.top-ImportantAnnounce_Title-pink img { margin-left: 15px; }
.top-ImportantAnnounce_Title-green { width: 100%; height: 35px; background: #6AAF4E; margin: 0; padding: 0; line-height: 35px; text-align: left; }
.top-ImportantAnnounce_Title-green img { margin-left: 15px; }
.top-ImportantAnnounce_TitleImage { width: 100%; height: 15px; }
.top-ImportantAnnounce_Main { background: #FFFFFF; border-radius: 0 0 5px 5px; }
.top-ImportantAnnounce_Main ul { margin: 0; padding: 0; list-style-type: none; }
.top-ImportantAnnounce_Main ul li.pink { height: 60px; border-top: 1px solid #FF7373; }
.top-ImportantAnnounce_Main ul li.green { height: 60px; border-top: 1px solid #6AAF4E; }
.top-ImportantAnnounce_Main ul li:hover { background: #FFFAE8; }
.top-ImportantAnnounce_Main a { color: #525252; text-decoration: none; }
.top-ImportantAnnounce_List { height: 23px; padding: 20px 20px 15px 15px; position: relative; top: 0; left: 0; }
.top-ImportantAnnounce_List:hover { background: #FFFAE8; }
.top-ImportantAnnounce_IconBox { float: left; height: 20px; }
.top-ImportantAnnounce_TextBox { margin-left: 25px; }
.top-ImportantAnnounce_TextBox p { margin: 0; padding: 0; font-size: 90%; }
.top-ImportantAnnounce_Text-red { color: #DA0201; font-weight: bold; }
.top-ImportantAnnounce_Arrow { position: absolute; top: 22px; right: 5px; width: 15px; height: 15px; }

.top-UserProfile { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-UserProfile_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-UserProfile_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-UserProfile_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 0; }
.top-UserProfile_Link { position: relative; display: block; text-decoration: none; color: #525252; }
.top-UserProfile_Link .icon { width: 16px; height: 16px; position: absolute; top: -2px; right: 10px; }
.top-UserProfile_Link:hover { text-decoration: underline; }
.top-UserProfile_Link:hover .icon { animation: animate-rotateModify 0.5s linear infinite; }
.top-UserProfile_Honorific { font-size: 14px; }
.top-UserProfile_Inner { font-size: 13px; position: relative; text-align: center; }
.top-UserProfile_Inner:before, .top-UserProfile_Inner:after { position: absolute; z-index: 0; bottom: 0; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; }
.top-UserProfile_Inner:before { left: 10px; width: 52px; height: 50px; background-position: 0 -41px; }
.top-UserProfile_Inner:after { right: 10px; width: 47px; height: 49px; background-position: 0 -107px; }
.top-UserProfile_BtnGrp { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; padding: 5px 5px 11px 5px; }
.top-UserProfile_BtnGrp:after { display: table; clear: both; content: ' '; }
.top-UserProfile_BtnGrp-stamp { border-top: 1px #CCCCCC solid; margin: 0 10px 15px; padding-top: 13px; }
.top-UserProfile_Btn { float: left; width: 50%; padding: 5px; }
.top-UserProfile_PointExchange { font-size: 14px; position: relative; padding: 1em 0 .8em 1.7em; border-radius: 5px; display: block; text-decoration: none; font-weight: bold; line-height: 1; width: 100%; text-align: center; border: 1px solid #C3C4C5; background: #FFFFFF; color: #525252; box-shadow: 0 3px 0 #C3C4C5; transition: all 0.2s ease-in-out; }
.top-UserProfile_PointExchange:hover { transform: translateY(3px); box-shadow: 0 0 0 #C3C4C5; }
.top-UserProfile_PointExchange:before { position: absolute; top: 8px; left: 6px; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 26px; height: 23px; background-position: 0 -219px; }
.top-UserProfile_PointBook { font-size: 14px; position: relative; padding: 1em 0 .8em 1.7em; border-radius: 5px; display: block; text-decoration: none; font-weight: bold; line-height: 1; width: 100%; text-align: center; border: 1px solid #C3C4C5; background: #FFFFFF; color: #525252; box-shadow: 0 3px 0 #C3C4C5; transition: all 0.2s ease-in-out; }
.top-UserProfile_PointBook:hover { transform: translateY(3px); box-shadow: 0 0 0 #C3C4C5; }
.top-UserProfile_PointBook:before { position: absolute; top: 8px; left: 6px; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 26px; height: 24px; background-position: 0 -258px; }
.top-UserProfile_Stamp { font-size: 14px; position: relative; padding: 1em 0 .8em 1.7em; border-radius: 5px; display: block; text-decoration: none; font-weight: bold; line-height: 1; width: 100%; text-align: center; border: 1px solid #C3C4C5; background: #FFFFFF; color: #525252; box-shadow: 0 3px 0 #C3C4C5; transition: all 0.2s ease-in-out; }
.top-UserProfile_Stamp:hover { transform: translateY(3px); box-shadow: 0 0 0 #C3C4C5; }
.top-UserProfile_Stamp:before { position: absolute; top: 3px; left: 75px; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 32px; height: 32px; background-position: 0 -175px; }

@keyframes animate-rotateModify { 0% { transform: rotate(0deg); }
  100% { transform: rotate(45deg); } }
.top-UserPoint { position: relative; line-height: 1.3; margin-bottom: 3px; padding-bottom: 3px; }
.top-UserPoint_Point { padding-left: 1em; color: #DA0201; font-size: 25px; font-weight: bold; font-family: "Karla", sans-serif; margin-right: 5px; position: relative; }
.top-UserPoint_Point:after { position: absolute; content: ""; top: 7px; left: 0px; width: 17px; height: 17px; display: block; position: absolute; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 -580px; }
.top-UserPoint_Point:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; }
.top-UserPoint_Unit { color: #DA0201; font-size: 16px; font-weight: bold; font-family: "Karla", sans-serif; }
.top-UserPoint_Limit { position: relative; margin: 0; padding: 0; }

.taskUnFinished { background: #FFFAE8; }
.taskUnFinished .top-Play_Inner { text-shadow: 2px 0 0 #FFFCEB; }

.taskFinished { background: #FFFFFF; }
.taskFinished .top-Play_Inner { text-shadow: 2px 0 0 #FFFFFF; }

.top-Play { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-Play_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-Play_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-Play_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: -890px 0; }
.top-Play_Items { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; }
.top-Play_Items:after { display: table; clear: both; content: ' '; }
.top-Play_Item { display: table; float: left; width: 50%; }
.top-Play_Item:nth-child(-n+12) { border-bottom: 1px solid #CCCCCC; }
.top-Play_Item:nth-child(odd) { border-right: 1px solid #CCCCCC; }
.top-Play_Link { font-size: 13px; font-weight: bold; position: relative; display: table-cell; width: 100%; height: 52px; min-height: 52px; padding: .5em; vertical-align: middle; text-decoration: none; color: #525252; transition: all 0.2s ease-in-out; }
.top-Play_Link:after { position: absolute; right: 0; bottom: 0; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; z-index: 0; }
.top-Play_Link:hover { background-color: #FFFFFF; }
.top-Play_Inner { z-index: 2; position: relative; }
.top-Play_44 .top-Play_Link:after { width: 49px; height: 41px; background-position: -891px -865px; }
.top-Play_45 .top-Play_Link:after { width: 49px; height: 41px; background-position: -891px -865px; }
.top-Play_1 .top-Play_Link:after { width: 53px; height: 50px; background-position: -890px -280px; }
.top-Play_2 .top-Play_Link:after { width: 55px; height: 38px; background-position: -890px -347px; }
.top-Play_36 .top-Play_Link:after { width: 40px; height: 45px; background-position: -890px -46px; }
.top-Play_38 .top-Play_Link:after { width: 43px; height: 40px; background-position: -890px -110px; }
.top-Play_40 .top-Play_Link:after { width: 48px; height: 37px; background-position: -890px -171px; }
.top-Play_41 .top-Play_Link:after { width: 48px; height: 50px; background-position: -878px -752px; }
.top-Play_27 .top-Play_Link:after { width: 37px; height: 50px; background-position: -889px -397px; }
.top-Play_15 .top-Play_Link:after { width: 49px; height: 39px; background-position: -890px -524px; }
.top-Play_37 .top-Play_Link:after { width: 49px; height: 37px; background-position: -890px -584px; }
.top-Play_5 .top-Play_Link:after { width: 50px; height: 40px; background-position: -890px -700px; }
.top-Play_21 .top-Play_Link:after { width: 35px; height: 50px; background-position: -890px -633px; }
.top-Play_4 .top-Play_Link:after { width: 43px; height: 50px; background-position: -890px -217px; }
.top-Play_17 .top-Play_Link:after { right: 10px; bottom: 10px; width: 26px; height: 28px; background-position: -890px -824px; }
.top-Play_43 .top-Play_Link:after { width: 46px; height: 41px; background-position: -890px -464px; }
.top-Play_More { margin: 0; }
.top-Play_MoerLink { display: block; text-align: center; text-decoration: none; padding: 0.7em -0px; color: #898A8B; font-size: 14px; border-top: 1px solid #CCCCCC; transition: all 0.2s ease-in-out; }
.top-Play_MoerLink:hover { color: #FEA000; }
.top-Play_MoerLink:hover:after { transform: translate(8px, -1px) rotate(45deg); border-color: #FEA000; }
.top-Play_MoerLink:after { content: ""; display: inline-block; width: 6px; height: 6px; border-top: 3px solid #B7BCBF; border-right: 3px solid #B7BCBF; transition: all 0.2s ease-in-out; transform: translate(5px, -1px) rotate(45deg); }

.top-Prize { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-Prize_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-Prize_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-Prize_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 15px; height: 15px; background-position: -70px 0; transform: translateY(3px); }
.top-Prize_Link { position: relative; display: block; min-height: 65px; padding: 15px 90px 15px 10px; text-decoration: none; color: #525252; transition: all 0.2s ease-in-out; }
.top-Prize_Link:after { position: absolute; top: 15px; right: 10px; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 65px; height: 65px; background-position: -70px -41px; }
.top-Prize_Link:hover { background-color: #FFFCEB; }
.top-Prize_More { margin: 0; }
.top-Prize_MoerLink { display: block; text-align: center; text-decoration: none; padding: 0.7em -0px; color: #898A8B; font-size: 14px; border-top: 1px solid #CCCCCC; transition: all 0.2s ease-in-out; }
.top-Prize_MoerLink:hover { color: #FEA000; }
.top-Prize_MoerLink:hover:after { transform: translate(8px, -1px) rotate(45deg); border-color: #FEA000; }
.top-Prize_MoerLink:after { content: ""; display: inline-block; width: 6px; height: 6px; border-top: 3px solid #B7BCBF; border-right: 3px solid #B7BCBF; transition: all 0.2s ease-in-out; transform: translate(5px, -1px) rotate(45deg); }

.top-PrizeDetail { margin: 0; }
.top-PrizeDetail_Word { font-size: 14px; font-weight: bold; margin-bottom: .5em; }
.top-PrizeDetail_Item { font-size: 13px; margin-left: 0; }

.top-PrizeItem { border-top: 1px #CCCCCC solid; }
.top-PrizeItem_Link { display: block; text-decoration: none; color: #525252; font-size: 13px; background-color: #FFFFFF; transition: all 0.2s ease-in-out; }
.top-PrizeItem_Link:hover { background-color: #FFFCEB; }
.top-PrizeItem_Title { font-size: 15px; margin-bottom: 0.5em; font-weight: lighter; padding: 15px 20px 10px 30px; line-height: 150%; position: relative; margin-bottom: 0; }
.top-PrizeItem_Title:before { content: ""; display: inline-block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 15px; height: 15px; background-position: -70px 0; margin: 0 .5em 0 -20px; }
.top-PrizeItem_Title:nth-child(n + 2) { border-top: 1px #CCCCCC dashed; }
.top-PrizeItem_Reward { margin-top: 0; margin-bottom: 0; padding-left: 1.5em; position: relative; }
.top-PrizeItem_Reward:after { position: absolute; content: ""; top: 12px; left: 0px; width: 17px; height: 17px; display: block; position: absolute; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 -580px; }
.top-PrizeItem_Reward:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; }
.top-PrizeItem_Point { color: #DA0201; font-size: 25px; font-weight: bold; font-family: "Karla", sans-serif; margin-right: 5px; }
.top-PrizeItem_Unit { color: #DA0201; font-size: 16px; font-weight: bold; font-family: "Karla", sans-serif; }
.top-PrizeItem_Desc { margin-top: 0; margin-bottom: 0; }

.top-Sp { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-Sp_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-Sp_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-Sp_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 14px; height: 24px; background-position: -160px 0; }
.top-Sp_Link { position: relative; display: block; min-height: 65px; padding: 15px 90px 10px 10px; text-decoration: none; color: #525252; }
.top-Sp_Link:after { position: absolute; top: 15px; right: 10px; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 70px; height: 65px; background-position: -160px -41px; }
.top-Sp_Link:hover { background-color: #FFFCEB; }

.top-SpDetail { margin: 0; }
.top-SpDetail_Word { font-size: 14px; font-weight: bold; margin-bottom: .5em; }
.top-SpDetail_Item { font-size: 13px; margin-left: 0; }

.top-SpGames { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; padding: 0 10px 10px 10px; }
.top-SpGames:after { display: table; clear: both; content: ' '; }
.top-SpGames_Item { float: left; width: 135px; padding-top: 10px; }
.top-SpGames_Item:nth-child(odd) { margin-right: 8px; }
.top-SpGames_Link { margin-right: auto; margin-left: auto; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; }
.top-SpGames_Fuwa .top-SpGames_Link { width: 135px; height: 50px; background-position: -160px -116px; }
.top-SpGames_Hockey .top-SpGames_Link { width: 135px; height: 50px; background-position: -160px -166px; }
.top-SpGames_Mero .top-SpGames_Link { width: 135px; height: 50px; background-position: -160px -216px; }
.top-SpGames_Waruko .top-SpGames_Link { width: 135px; height: 50px; background-position: -160px -266px; }

.top-Card { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-Card_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-Card_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-Card_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: -320px 6px; }
.top-Card_Link { position: relative; display: block; min-height: 65px; padding: 15px 150px 10px 10px; text-decoration: none; color: #525252; transition: all 0.2s ease-in-out; }
.top-Card_Link:after { position: absolute; top: 15px; right: 10px; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 135px; height: 71px; background-position: -320px -41px; }
.top-Card_Link:hover { background-color: #FFFCEB; }

.top-CardDetail { position: relative; margin: 0; }
.top-CardDetail_Word { font-size: 14px; font-weight: bold; margin-bottom: .5em; }
.top-CardDetail_Item { font-size: 13px; margin-left: 0; }

.top-CardPoint { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; padding: 0 10px 10px 10px; }
.top-CardPoint:after { display: table; clear: both; content: ' '; }
.top-CardPoint_Item { float: left; width: 135px; padding-top: 10px; }
.top-CardPoint_Item:nth-child(odd) { margin-right: 8px; }
.top-CardPoint_Link { content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; }
.top-CardPoint_Apply .top-CardPoint_Link { width: 135px; height: 50px; background-position: -320px -117px; }
.top-CardPoint_Aplus .top-CardPoint_Link { width: 135px; height: 50px; background-position: -320px -167px; }

.top-Mail { margin-bottom: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.top-Mail_Title { font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-Mail_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-Mail_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: -480px 5px; }
.top-Mail_Link { display: block; text-decoration: none; color: #525252; padding: 15px 100px 15px 10px; }
.top-Mail_Link:hover { background-color: #FFFCEB; }
.top-Mail_Mag:after { width: 62px; height: 63px; background-position: -480px -41px; }
.top-Mail_Quiz:after { width: 70px; height: 65px; background-position: -480px -117px; }
.top-Mail_Mori:after { width: 70px; height: 65px; background-position: -480px -192px; }

.top-MailInner { position: relative; border-bottom: 1px solid #CCCCCC; }
.top-MailInner:last-of-type { border-bottom: none; }
.top-MailInner:after { position: absolute; top: 20px; right: 20px; content: ''; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; }

.top-MailDetail { margin: 0; }
.top-MailDetail_Title { font-size: 14px; margin-bottom: .5em; font-weight: bold; }
.top-MailDetail_Desc { font-size: 13px; margin: 0; }

.top-MailList_Items { margin-top: .5em; margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; padding: 5px 10px 10px 10px; }
.top-MailList_Item:before { font-size: 12px; margin-right: .3em; content: '⇒'; }
.top-MailList_Link { font-size: 13px; font-weight: bold; text-decoration: none; color: #525252; }
.top-MailList_Link:hover { text-decoration: underline; }

.top-ServBnrs { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; }
.top-ServBnrs_Item { margin-bottom: 20px; text-align: center; }

.top-AdBnrFull { margin-bottom: 13px; margin-right: auto; margin-left: auto; }
.top-AdBnrFull_Inner { width: 480px; margin-right: auto; margin-left: auto; }
.top-AdBnrFull_Inner:after { display: table; clear: both; content: ' '; }
.top-AdBnrFull_Bnr { float: right; width: 468px; }
.top-AdBnrFull_Caption { line-height: 1; font-size: 12px; width: 12px; color: #BFC0C7; background-color: #FFFFFF; text-align: center; border: 1px solid #CCCCCC; float: left; height: 60px; writing-mode: vertical-rl; }

.top-AdBnrSuper { width: 1000px; margin-bottom: 13px; }
.top-AdBnrSuper_Inner { width: 740px; margin-right: auto; margin-left: auto; }
.top-AdBnrSuper_Inner:after { display: table; clear: both; content: ' '; }
.top-AdBnrSuper_Bnr { float: right; width: 728px; }
.top-AdBnrSuper_Caption { line-height: 1; float: left; height: 90px; font-size: 12px; width: 12px; color: #BFC0C7; background-color: #FFFFFF; text-align: center; border: 1px solid #CCCCCC; writing-mode: vertical-rl; }

.top-AdBnrSide { margin-bottom: 20px; }
.top-AdBnrSide a, .top-AdBnrSide img { line-height: 1; display: block; }
.top-AdBnrSide iframe { margin-bottom: -7px; }
.top-AdBnrSide_Caption { font-size: 12px; width: 12px; color: #BFC0C7; background-color: #FFFFFF; text-align: center; border: 1px solid #CCCCCC; display: block; width: 100%; padding: 0.7em 0; }
.top-AdBnrSide_Caption-pt { width: 17px; height: 17px; display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 -580px; display: inline-block; vertical-align: middle; margin-right: 5px; transform: translateY(-2px); }
.top-AdBnrSide_Caption-txt { color: #525252; }

.top-AdBnrSideMdl_Title { margin-bottom: 0; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; font-size: 16px; position: relative; padding-top: 13px; padding-bottom: 10px; padding-left: 2em; border-bottom: 2px solid #FEB302; background-color: #FFFFFF; line-height: 1; margin-bottom: 0; }
.top-AdBnrSideMdl_Title:before { position: absolute; top: 0.5em; left: 0.5em; width: 1.2em; height: 1.2em; content: ''; }
.top-AdBnrSideMdl_Title:before { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; background-position: 0 -552px; }
.top-AdBnrSideMdl_Title:after { display: block; background-image: url(../../../warau.akamaized.net/www.warau.jp/images/home/sprite_content061c.png?20181024); background-repeat: none; width: 24px; height: 23px; background-position: -790px -115px; position: absolute; top: 12px; left: 8.5em; content: ''; }
.top-AdBnrSideMdl_Point { color: #DA0201; font-size: 25px; font-weight: bold; font-family: "Karla", sans-serif; margin-right: 5px; font-size: 22px; }
.top-AdBnrSideMdl_Unit { color: #DA0201; font-size: 16px; font-weight: bold; font-family: "Karla", sans-serif; font-size: 13px; }
.top-AdBnrSideMdl .PT3 { color: #DA0201; font-size: 16px; font-weight: bold; font-family: "Karla", sans-serif; font-size: 13px; margin-left: 5px; }

.top-PasswordWarningModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 6000000; }
.top-PasswordWarningModal .top-PasswordWarningModal_Frame { margin-right: auto; margin-left: auto; width: 670px; min-height: 33%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #FFFFFF; margin-top: 10%; text-align: center; }
.top-PasswordWarningModal .top-PasswordWarningModal_Close { position: relative; top: 15px; right: 15px; width: 30px; height: 30px; float: right; }
.top-PasswordWarningModal .top-PasswordWarningModal_Close span:before { position: absolute; top: 2px; left: 13px; width: 3px; height: 25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); display: block; content: ""; background: #808080; }
.top-PasswordWarningModal .top-PasswordWarningModal_Close span:after { position: absolute; top: 2px; left: 13px; width: 3px; height: 25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); display: block; content: ""; background: #808080; }
.top-PasswordWarningModal .top-PasswordWarningModal_Close:hover { cursor: pointer; }

.top-PasswordWarningModal_Title { font-size: 16px; font-weight: bold; margin-bottom: 0.5em; padding: 20px 0 10px 0; }

.top-PasswordWarningModal_Info { margin-right: auto; margin-left: auto; width: 80%; font-size: 15px; line-height: 1.8; margin-bottom: 0.5em; text-align: left; text-align: justify; }

.top-PasswordWarningModal_Btn { display: block; width: 340px; margin: 0 auto; padding: 15px 0; text-decoration: none; }

.top-PasswordWarningModal_BtnLink { border-radius: 5px; display: block; text-decoration: none; font-weight: bold; line-height: 1; width: 100%; text-align: center; border: 1px solid #F9F079; background: #F9F079; color: #670000; box-shadow: 0 3px 0 #FBCC41; transition: all 0.2s ease-in-out; font-size: 16px; font-weight: bold; margin-bottom: 0.5em; padding: 1em 0; cursor: pointer; letter-spacing: 1px; }
.top-PasswordWarningModal_BtnLink:hover { transform: translateY(3px); box-shadow: 0 0 0 #FBCC41; }
.top-PasswordWarningModal_BtnLink:hover { color: #670000; }

/*# sourceMappingURL=top.css.map */
