html, body { height: 100%; }

body { margin: 0; color: #525252; font-family: "Hiragino Kaku Gothic Pro", "MS PGothic"; background: url(https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/images/common/bg_common.png) repeat 0 0; background-color: #c9edff; min-width: 1280px; }

.dispnone { display: none !important; }

.sw-OverflowHidden { overflow: hidden; }

.sw-AdNetWork { position: relative; width: 406px; margin: 0 auto 15px; padding: 20px 0; text-align: center; background-color: #c1d6e1; }
.sw-AdNetWork:after { content: "- PR -"; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; box-sizing: border-box; text-align: center; color: #8aa6b2; font-weight: bold; line-height: 20px; font-size: 9pt; }

.sw-AdNetWorkModal { position: relative; width: 406px; margin: 0 auto 15px; padding: 20px 0; text-align: center; background-color: #d4dfe2; }
.sw-AdNetWorkModal:after { content: "- PR -"; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; box-sizing: border-box; text-align: center; color: #8aa6b2; font-weight: bold; line-height: 20px; font-size: 9pt; }

.sw-AdNetWorkDouble { position: relative; width: 406px; margin: 0 auto 15px; padding: 20px 0; text-align: center; background-color: #d4dfe2; width: 100%; display: flex; justify-content: center; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box; }
.sw-AdNetWorkDouble:after { content: "- PR -"; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; box-sizing: border-box; text-align: center; color: #8aa6b2; font-weight: bold; line-height: 20px; font-size: 9pt; }
.sw-AdNetWorkDouble .sw-AdNetWork_Banner-336 { margin: 0; }
.sw-AdNetWorkDouble .sw-AdNetWork_Banner-336:nth-of-type(2) { margin-left: 35px; }

.adBackColor { background-color: #c1d6e1; }

.adBackGray { background-color: #ddd; }

.ad_728_90 { position: relative; display: inline-block; z-index: 0; min-width: 728px; min-height: 90px; margin: 0 auto; text-align: center; }

.ad_300_250 { position: relative; display: inline-block; z-index: 0; min-width: 300px; min-height: 250px; margin: 0 auto; text-align: center; line-height: 0; }

.ad_468_60 { position: relative; display: inline-block; z-index: 0; min-width: 468px; min-height: 60px; margin: 0 auto; text-align: center; }

.ad_300_600 { position: relative; display: inline-block; z-index: 0; min-width: 300px; min-height: 600px; margin: 0 auto; text-align: center; }

.sw-AdNetWork_Banner-336 { position: relative; display: inline-block; z-index: 0; min-width: 300px; min-height: 250px; margin: 0 auto; text-align: center; }

#gameHeader { height: 70px; background-color: #FFF; border-bottom: 2px solid #a6e2ff; }

#headerContainer { width: 1280px; margin: 0 auto; }

#gameHeader .logo { width: 106px; margin: 7px 0 0 30px; }

#gameHeader .logo a:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

#gameHeader a.anchor { position: relative; display: block; float: left; width: 72px; height: 48px; margin: 10px 0 0 0; text-align: center; text-decoration: none; color: #8097ba; border-right: 1px solid #becfeb; fill: #8097ba; font-size: 13px; }
#gameHeader a.anchor:nth-of-type(1) { width: 87px; }
#gameHeader a.anchor:nth-of-type(2) { width: 78px; }
#gameHeader a.anchor:nth-of-type(3) span { margin-left: 1px; letter-spacing: 0.05em; }

#gameHeader a.anchor:hover { color: #a2b8da; fill: #a2b8da; }

#headerBtnBox { margin: 0 6px 0 0; }

.headerBtnIcon { display: block; margin: 0 auto 2px; width: 100%; height: 25px; }

.header-Icon_Alert { width: 18px; height: 18px; color: #ffffff; background-color: #ff0000; border: 2px solid #ffffff; border-radius: 50%; font-size: 12px; position: absolute; top: -5px; right: 11px; line-height: 14px; letter-spacing: 0; font-family: "M+ Black", sans-serif; }

#mainContainer { width: 1280px; margin: 15px auto 0 auto; }

#mainLeftContainer { float: left; width: 860px; }

#mainRightContainer { float: right; width: 406px; }

#bgGameScreen { position: relative; width: 860px; margin-bottom: 15px; text-align: center; border: 1px solid #8fc3ff; background: url(https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/images/common/bg_gameScreenPattern.png) repeat 0 0 #9cd2fc; }

#gameScreen { width: 388px; margin: 0 auto; }

#innerBox { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#fuwapon_footer { text-align: center; margin: 65px 0 0 0; }

#footerRainbow { height: 80px; background: url(https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/images/common/bg_footerRainbow.png) no-repeat center 0; }

#footerCloud { height: 16px; background: url(https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/images/common/bg_footerCloud.png) repeat-x center 0; margin-top: -25px; position: relative; }

#credit { color: #54c2ff; font-weight: bold; background-color: #FFF; padding: 30px 0 120px 5px; font-size: 13pt; }

#btn_pageTop { width: 86px; position: fixed; z-index: 5000; bottom: -100px; right: 3.5%; transform: translate3d(0, 0, 0); }

#footerOverLay { width: 100%; height: 68px; background-color: rgba(0, 0, 0, 0.8); position: fixed; bottom: 0; z-index: 4000; }

#footerOverLayContaint { width: 948px; height: 68px; margin: 0 auto; }

.inFooterContaint { float: left; margin: 4px 0; }

.bnrHeaderCp { margin-top: 4px; }

.bnrHeaderCp a:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.floatLeft { float: left; }

.floatRight { float: right; }

.clearLeft { clear: left; }

.clearRight { clear: right; }

.clearBoth { clear: both; }

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.displayBlock { display: block; }

.displayInline { display: inline; }

.displayNone { display: none; }

.displayInlineBlock { display: inline-block; }

.border0 { border: 0 !important; }

.borderClear { border-color: rgba(255, 255, 255, 0) !important; }

@font-face { font-family: "M+ Medium"; src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-medium-sub.eot"); src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-medium-sub.eot?#iefix") format("embedded-opentype"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-medium-sub.woff") format("woff"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-medium-sub.ttf") format("truetype"); }
@font-face { font-family: "M+ Medium"; src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-medium-sub.eot"); src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-medium-sub.eot?#iefix") format("embedded-opentype"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-medium-sub.woff") format("woff"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-medium-sub.ttf") format("truetype"); }
@font-face { font-family: "M+ Heavy"; src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-heavy-sub.eot"); src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-heavy-sub.eot?#iefix") format("embedded-opentype"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-heavy-sub.woff") format("woff"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-heavy-sub.ttf") format("truetype"); }
@font-face { font-family: "M+ Heavy"; src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-heavy-sub.eot"); src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-heavy-sub.eot?#iefix") format("embedded-opentype"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-heavy-sub.woff") format("woff"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-heavy-sub.ttf") format("truetype"); }
@font-face { font-family: "M+ Black"; src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-black-sub.eot"); src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-black-sub.eot?#iefix") format("embedded-opentype"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-black-sub.woff") format("woff"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1-black-sub.ttf") format("truetype"); }
@font-face { font-family: "M+ Black"; src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-black-sub.eot"); src: url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-black-sub.eot?#iefix") format("embedded-opentype"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-black-sub.woff") format("woff"), url("https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/fonts/mplus-1c-black-sub.ttf") format("truetype"); }
.fontM4 { font-family: "M+ Medium", sans-serif; }

.fontM6 { font-family: "M+ Heavy", sans-serif; }

.fontM7 { font-family: "M+ Black", sans-serif; }

.fontPt { font-family: "Karla", sans-serif; font-weight: bold; }

.fontKarla { font-family: "Karla", sans-serif; }

.fontsize8 { font-size: 8pt; }

.fontsize9 { font-size: 9pt; }

.fontsize10 { font-size: 10pt; }

.fontsize11 { font-size: 11pt; }

.fontsize12 { font-size: 12pt; }

.fontsize13 { font-size: 13pt; }

.fontsize14 { font-size: 14pt !important; }

.fontsize16 { font-size: 16pt; }

.textRed { color: #F00; }

.fontBold { font-weight: bold; }

.textLeft { text-align: left; }

.textRight { text-align: right; }

.textJustify { text-align: justify; text-justify: inter-ideograph; }

.letterSpacing002 { letter-spacing: 0.02em; }

.width10per { width: 10%; }

.width39per { width: 39% !important; }

.width45per { width: 45% !important; }

.width100per { width: 100%; }

.marginB0 { margin-bottom: 0 !important; }

.marginB { margin-bottom: 12px; }

.marginB2per { margin-bottom: 2% !important; }

.marginB3per { margin-bottom: 3% !important; }

.marginL10 { margin-left: 10px; }

.marginR1 { margin-right: 1px; }

.positionRelative { position: relative; }

.left10per { left: 10%; }

.right10per { right: 10%; }

.flexboxLeft { display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; }

.flexboxCenter { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }

.inlineFlexboxBetween { display: inline-flex; display: -webkit-inline-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }

.btnBox { width: 100%; position: absolute; top: 87%; }

.btnRed80 { display: inline-block; width: 80%; height: 48px; text-decoration: none; line-height: 43px; font-size: 15pt; background: #F22202; text-align: center; border: 3px solid #6E0000; border-radius: 10px; box-shadow: 0 7px 0 #6E0000; color: #FFF !important; cursor: pointer; transition: none; -webkit-transition: none; position: relative; }

.btnRed80:hover { top: 3px; box-shadow: 0 4px 0 #6E0000; }

.btnRed80:active { background-color: #d82004; }

.btnGray80 { display: inline-block; width: 80%; height: 48px; text-decoration: none; line-height: 43px; font-size: 15pt; background: #CFD7E6; text-align: center; border: 3px solid #0A3866; border-radius: 10px; box-shadow: 0 7px 0 #0A3866; color: #0A3866 !important; cursor: pointer; transition: none; -webkit-transition: none; position: relative; }

.btnGray80:hover { top: 3px; box-shadow: 0 4px 0 #0A3866; }

.btnGray80:active { background-color: #c4cfe2; }

.btnYellow80 { display: inline-block; width: 80%; height: 48px; text-decoration: none; line-height: 43px; font-size: 15pt; background: #FFCC00; text-align: center; border: 3px solid #733d00; border-radius: 10px; box-shadow: 0 7px 0 #733d00; color: #733d00 !important; cursor: pointer; transition: none; -webkit-transition: none; position: relative; }

.btnYellow80:hover { top: 3px; box-shadow: 0 4px 0 #733d00; }

.btnYellow80:active { background-color: #F5C407; }

#btnMenuRanking { display: inline-block; width: 100%; height: 48px; text-decoration: none; line-height: 43px; font-size: 15pt; background: #f9ea5c; text-align: center; border: 3px solid #1e9ee3; border-radius: 10px; box-shadow: 0 7px 0 #1e9ee3; color: #1e9ee3; cursor: pointer; transition: none; -webkit-transition: none; position: relative; margin-bottom: 22px; }

#btnMenuRanking:hover { top: 3px; box-shadow: 0 4px 0 #1e9ee3; }

#btnMenuRanking:active { background-color: #f3e458; }

#btnMenuIconRanking { width: 30px; height: 20px; fill: #1e9ee3; margin: 0 3px 8px -5px; }

#btnMenuTitle { display: inline-block; width: 100%; height: 48px; text-decoration: none; line-height: 43px; font-size: 15pt; background: #dce4f5; text-align: center; border: 3px solid #1e9ee3; border-radius: 10px; box-shadow: 0 7px 0 #1e9ee3; color: #1e9ee3; cursor: pointer; transition: none; -webkit-transition: none; position: relative; margin-bottom: 22px; }

#btnMenuTitle:hover { top: 3px; box-shadow: 0 4px 0 #1e9ee3; }

#btnMenuTitle:active { background-color: #d4def3; }

#btnMenuIconTitle { width: 32px; height: 22px; fill: #1e9ee3; margin: 0 -1px 6px -9px; }

.pointIconActive { width: 20px; height: 20px; margin: 0 4px 0 0; text-align: center; color: #E8900C; background-color: #FFE657; border-radius: 20px; line-height: 1.5em; font-size: 10pt; font-family: "M+ Black", sans-serif; }

.pointIcon { width: 20px; height: 20px; margin-right: 4px; background-color: #66aefb; border-radius: 20px; }

.listPointIcon { width: 15px; height: 15px; margin: 2px 4px 0 0; }

#miniGuide { margin-bottom: 15px; padding: 16px 22px 22px; background-color: #b0dc81; border-radius: 10px; }

#miniGuideTitleBox { margin-bottom: 13px; color: #357b00; }

#miniGuideIcon { width: 33px; height: 21px; fill: #357b00; margin: -4px 2px 0 0; }

#miniGuideTitle { letter-spacing: 0.08em; font-size: 11.5pt; }

#miniGuideLink { color: #357b00; font-size: 10pt; padding-right: 10px; }

.sw-Miniguide_Container { display: flex; justify-content: center; align-items: stretch; }

.miniGuidePanel { width: 257px; background-color: #FFF; border-radius: 10px; }

.miniGuideImgBox { padding-top: 22px; text-align: center; }

.miniGuideImg { height: 184px; margin: 0 auto; }

.miniGuideTextBox { padding: 10px 22px 14px; text-align: justify; text-justify: inter-ideograph; }

.miniGuideText { display: inline-block; font-size: 10pt; color: #525e45; }

.miniGuideTextMarker { background-color: #fff79c; }

.miniGuideBalloon { width: 22px; height: 58px; fill: #FFF; margin: 126px 0 0 -1px; }

.sw-Bottom_FuwaponBanner { margin-bottom: 35px; text-align: center; }

.sw-Attention { margin-bottom: 15px; background-color: #ffffff; border: 3px solid #8adcff; border-radius: 10px; padding-bottom: 15px; }

.sw-Attention_Title { color: #23a6e6; letter-spacing: 0.08em; padding: 22px 0 0 25px; font-size: 11.5pt; }

.sw-Attention_Icon { width: 20px; height: 18px; fill: #8cdaff; margin: -4px 6px 0 0; }

.sw-Attention_List { position: relative; list-style: none; padding: 0 35px 0 40px; font-size: 10pt; }

.sw-Attention_ListItem { position: relative; text-align: justify; text-justify: inter-ideograph; margin-bottom: 3px; width: 100%; }
.sw-Attention_ListItem:after { display: block; content: ""; position: absolute; top: 0.5em; left: -1em; width: 8px; height: 8px; background-color: #8cd9ff; border-radius: 100%; }

.sw-Attention_Link { color: #23a6e6; }
.sw-Attention_Link:hover { color: #82cff5; }

.sw-SystemRequirements { padding: 24px 25px; text-align: left; color: #ffffff; background-color: #57c2f1; border-radius: 10px; }

.sw-SystemRequirements_Title { font-size: 11.5pt; }

.sw-SystemRequirements_Container { margin: 3px 0 0 20px; font-size: 10pt; }

.sw-Banner { display: block; width: 300px; margin: 0 auto 12px; }

.sw-UserInfo { margin-bottom: 15px; font-weight: bold; }

#userNameBox { padding: 10px 15px; color: #FFF; background-color: #3989dc; border: 1px solid #3989dc; border-bottom: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; }

#userInfoPointBox { padding: 13px 15px; color: #0A3866; background-color: #FFF; border: 1px solid #3989dc; border-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 11pt; }

.userPointList { margin-bottom: 7px; }

.userPointListCount { width: 120px; height: 25px; text-align: right; border: 1px solid #99abc9; border-radius: 25px; font-size: 9pt; padding: 2px 10px 0; margin: -2px 3px 0 0; }

.userPointListTextRed { color: #F00; margin-right: 1px; line-height: 0; font-size: 12pt; }

.userPointListGetDone { width: 100px; height: 25px; text-align: center; color: #FFF; background-color: #8097ba; border: 1px solid #8097ba; border-radius: 25px; font-size: 9pt; padding: 3px 0 0; margin: -2px 3px 0 0; }

#userPointTotal { height: 38px; margin: 10px 0; padding: 7px 18px 0; background-color: #f0faff; border: 1px dashed #bfddff; border-radius: 38px; }

#userPointTotalText { margin-top: 1px; }

#userPointTotalTextRed { color: #F00; margin: 0 2px 0 10px; line-height: 0; font-size: 16pt; }

#userPointTotalGetDown { height: 38px; margin: 10px 0; padding: 7px 18px 0; text-align: center; color: #5f90c5; background-color: #cfe5fd; border: 1px solid #cfe5fd; border-radius: 38px; }

#userPointLink { display: block; padding-right: 5px; text-align: right; color: #6d85ad; font-weight: normal; font-size: 10pt; }

#userPointLink:hover { color: #a2b8da; }

#infoBord { padding: 12px 10px 10px; text-align: left; background-color: #8cc4f7; border-color: #64a6e4; border-style: solid; border-top-width: 0; border-right-width: 3px; border-bottom-width: 5px; border-left-width: 3px; border-radius: 10px; }

#infoBord a { color: #23a6e6; }
#infoBord a:hover { color: #82cff5; }

#infoText { margin: 10px auto 0; padding: 5px 15px; text-align: justify; text-justify: inter-ideograph; background-color: #FFF; border-radius: 5px; font-size: 10pt; }

.infoList { padding: 5px 0; border-bottom: 1px dashed #b3e6ff; }
.infoList:last-child { border: none; }

.infoDate { color: #57b9ea; font-size: 10pt; font-family: "Karla", sans-serif; font-weight: bold; }

#infoBordIcon { width: 20px; height: 18px; fill: #095fad; margin: -4px 4px 0 6px; }

#infoBordTitle { color: #095fad; letter-spacing: 0.08em; font-size: 11.5pt; }

.infoContents { font-size: 10pt; }

.sw-InfoContents_accent { color: #f00; }

.nomalFrameBottom { width: 100%; position: absolute; bottom: 0; left: 0; line-height: 0; }

.nomalFrameBlueSIde { width: 100%; height: 100%; margin: 0 auto; padding: 150% 0 0; text-align: center; position: relative; background-image: url(https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/images/common/bg_frameBlueMiddle.png); background-repeat: repeat-y; background-size: 100%; }

.nomalFrameBlueSIdeLong { width: 100%; margin: 0 auto; text-align: center; background-image: url(https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/images/common/bg_frameBlueMiddle.png); background-repeat: repeat-y; background-size: 100%; }

.nomalFrameBlueTitle { height: 20%; position: relative; background-image: url(https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/images/common/bg_frameBlueTop.png); background-repeat: no-repeat; background-position: center top; background-size: 100%; }

.nomalFrameRedSIdeLong { width: 100%; margin: 0 auto; text-align: center; background-image: url(https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/images/ranking/bg_frameRedMiddle.png); background-repeat: repeat-y; background-size: 100%; }

.nomalFrameGraySIdeLong { width: 100%; margin: 0 auto; text-align: center; background-image: url(https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/images/common/error/bg_frameGrayMiddle.png); background-repeat: repeat-y; background-size: 100%; }

.nomalFrameGrayTitle { height: 20%; position: relative; background-image: url(https://asobeans.akamaized.net/fuwapon-pc.asobeans.jp/images/common/error/bg_frameGrayTop.png); background-repeat: no-repeat; background-position: center top; background-size: 100%; }

.missionBord { margin: 0 auto 4%; padding: 3% 0; text-align: center; position: relative; background-color: #DBE3F2; border-color: #8F9FBF; border-style: solid; border-top-width: 0; border-right-width: 3px; border-bottom-width: 5px; border-left-width: 3px; }

.missionBordActive { margin: 0 auto 4%; padding: 3% 0; text-align: center; position: relative; background-color: #FCE368; border-color: #EDBC24; border-style: solid; border-top-width: 0; border-right-width: 3px; border-bottom-width: 5px; border-left-width: 3px; }

.missionBordTitle { line-height: 0; margin-bottom: 3%; }

.missionText { width: 88%; margin: 0 auto 0 5%; text-align: justify; color: #2E3F54; }

.missionTextActive { width: 88%; margin: 0 auto 0 5%; text-align: justify; color: #664900; }

.missionBordStamp { width: 26%; position: absolute; top: -20%; right: -10%; }

.myRankingBox { width: 80%; margin: 0 auto; border: 1px solid; }

.myRankingUserNameBox { padding: 2.5% 0; }

.myRankingList { padding: 2.5% 5%; }

.myRankingListLine { border-bottom: 1px dashed; }

.myRankingNoEntry { font-size: 11pt; }

.myRankingBoxBlue { border-color: #73B8E6; }

.myRankingUserNameBoxBlue { color: #082A4D; background-color: #A6DCFF; }

.myRankingListBlue { color: #0A3866; border-color: #73B8E6; }

.myRankingBoxBrown { border-color: #9c917a; }

.myRankingUserNameBoxBrown { color: #453614; background-color: #e1d2af; }

.myRankingListBrown { color: #726544; border-color: #9c917a; }

.sw-WatchAdLike { width: 375px; margin: auto; position: fixed; top: 20%; left: 0; right: 0; z-index: 150; }

.sw-WatchAdLike_TextWrap { height: 45px; margin-bottom: 30px; text-align: left; }

.sw-WatchAdLike_Text { padding-top: 20px; color: #ffffff; font-size: 12pt; letter-spacing: 0.03em; text-shadow: #000000 2px 0 0, #000000 -2px 0 0, #000000 0 -2px 0, #000000 0 2px 0, #000000 2px 2px 0, #000000 -2px 2px 0, #000000 2px -2px 0, #000000 -2px -2px 0, #000000 1px 2px 0, #000000 -1px 2px 0, #000000 1px -2px 0, #000000 -1px -2px 0, #000000 2px 1px 0, #000000 -2px 1px 0, #000000 2px -1px 0, #000000 -2px -1px 0, #000000 1px 1px 0, #000000 -1px 1px 0, #000000 1px -1px 0, #000000 -1px -1px, 0 0 #000000; }
.sw-WatchAdLike_Text span { display: inline-block; padding-right: 2px; }

.sw-WatchAdLike_CloseButton { position: relative; width: 45px; height: 45px; margin-left: auto; border: 2px solid #ffffff; border-radius: 50%; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3); cursor: pointer; }
.sw-WatchAdLike_CloseButton:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 2px; height: 30px; margin: auto; border-radius: 2px; background-color: #ffffff; transform: rotate(45deg); }
.sw-WatchAdLike_CloseButton:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 2px; height: 30px; margin: auto; border-radius: 2px; background-color: #ffffff; transform: rotate(-45deg); }

#background_fullscreen { background-color: #000000; opacity: 0.7; display: none; position: fixed; z-index: 100; width: 100%; height: 100%; left: 0; top: 0; }