@charset "UTF-8";
/*
*This CSS File is written by Sass.
*Don't edit directly.
*/
.content {
    position: relative;
    height: 100%; }

.content .contentTop {
    width: 6.3rem;
    height: 0.98rem;
    -webkit-background-size: 106.3492% auto;
    background-position: 0% 0%; }

.content .contentMiddle {
    background-image: url("/img/community/bg2.png");
    width: 6.3rem;
    -webkit-background-size: 99.99% auto; }

.content .contentMiddle #listWrap {
    height: 100%; }

.content .contentBottom {
    width: 6.3rem;
    height: 1.2rem;
    -webkit-background-size: 106.3492% auto;
    background-position: 0% 31.2727%; }

.titleBig {
    -webkit-background-size: 100%;
    width: 58%;
    background-image: url("/img/help/ja/help_title_big.png");
    margin-bottom: .1rem;
    margin-left: auto;
    margin-right: auto;
    line-height: .66rem;
    text-shadow: .02rem .02rem .01rem #42240c,
    -.02rem -.02rem .01rem #42240c,
    -.02rem .02rem .01rem #42240c,
    .02rem -.02rem .01rem #42240c;
    color: #f2fc50;
    text-align: center; }

.title {
    -webkit-background-size: 100%;
    width: 100%;
    background-image: url("/img/help/ja/help_title.png");
    margin-bottom: .1rem;
    margin-left: auto;
    margin-right: auto;
    line-height: .46rem;
    text-shadow: .02rem .02rem .01rem #42240c,
    -.02rem -.02rem .01rem #42240c,
    -.02rem .02rem .01rem #42240c,
    .02rem -.02rem .01rem #42240c;
    color: #fff5e0;
    text-align: center; }

#contentBody {
    padding: 5%; }

.title span {
    line-height: 2.4em;
    font-family: "simcarry_min_ipa_p";
    font-weight: bold;
    font-size: 1.2em;
    color: black;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    -webkit-text-stroke: 0.5px;
    margin: auto;
    width: 85%;
    position: absolute; }

.index {
    display: none;
    margin: 0.1rem auto 0; }

.qa {
    position: relative;
    margin: 0 auto 0.3em auto;
    width: 22.4994375em;
    background-color: rgba(0, 0, 0, 0.5);
    border: 0.1em solid #bfad76; }

.q {
    margin: .5em; }

.q span {
    display: table-cell; }

.a {
    color: #f8cd95;
    margin: .5em; }

.a span {
    display: table-cell; }

.helplistBtn {
    margin: auto;
    text-align: center;
    color: black;
    font-family: 'simcarry_min_ipa_p';
    font-weight: bold;
    font-size: 0.25rem;
    line-height: .7rem;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    width: 3.18rem;
    height: 0.68rem;
    -webkit-background-size: 210.6918% auto;
    background-position: 0% 48.8372%; }

.helplistBtn:hover {
    background-position: 90.3409% 48.8372%; }

.helplistBtn > span {
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }

.helpDesc {
    border: 0.03rem solid #bfad76;
    background-color: rgba(0, 0, 0, 0.5);
    width: 85%;
    margin: auto;
    padding: 0.5em; }

.helpDesc.desc {
    margin: 1em;
    font-size: 80%; }

.warningDesc {
    border: 0.03rem solid red;
    background-color: rgba(0, 0, 0, 0.5);
    width: 85%;
    margin: auto;
    padding: 0.5em; }

.warningTitle {
    text-align: center;
    color: #FF0000;
    background-color: rgba(255, 255, 255, 0.95);
    border: 0.1em solid red; }

.warningDesc .desc {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 0.5em;
    color: #000000;
    font-size: 80%; }

hr {
    border: 0.2em;
    margin: 0.5em auto;
    width: 23.58274375em;
    /*
      height:0.24999375em;
      -webkit-background-size:282.685512367491% auto;
      background-position:61.8955512572534% 24.090338770389%;
      background-image: url(/img/community/ui.png);
      */ }

.helpText {
    font-size: .2rem;
    overflow: hidden; }

.helpBox {
    position: relative;
    margin: 0 auto 0.5em auto;
    width: 22.4994375em;
    background-color: rgba(0, 0, 0, 0.5);
    border: 0.1em solid #bfad76; }

.helpBox .subTitle {
    font-weight: bold;
    padding: 1em 0 1em 1em;
    background-color: rgba(5, 5, 5, 0.7); }

.helpBox .subTitle:after {
    content: '▼';
    float: right;
    margin-right: 1em; }

.helpBox .subTitle.act {
    height: 100%; }

.helpBox .subTitle.act:after {
    content: '△';
    float: right;
    margin-right: 1em; }

.helpBox .body {
    color: #fff;
    height: 0em;
    overflow-y: hidden; }

.helpBox .body div {
    width: 95%;
    margin: 0.3rem auto;
    font-size: 0.22rem; }

.helpBox .body div span {
    font-size: 0.2rem;
    margin-left: 0.1rem; }

.helpBox .body div span:before {
    content: '・'; }

.helpBox .body.act {
    height: 100%; }

.btnXL {
    margin: auto; }

/*
 * ヘルプ
 */
ul.helpList > li.item {
    width: 6.1rem;
    height: .74rem;
    line-height: .74rem;
    margin: 0.2rem auto;
    background-image: url(/img/common/help_title.png);
    background-size: 100% auto;
    text-align: left; }

ul.helpList > li.item-play {
    background-image: url(/img/help/ja/top/help_how_to_play.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-resort {
    background-image: url(/img/help/ja/top/help_resort.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-casino {
    background-image: url(/img/help/ja/top/help_online_casino.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-develop {
    background-image: url(/img/help/ja/top/help_resort_development.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-friend {
    background-image: url(/img/help/ja/top/help_friend.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-shop {
    background-image: url(/img/help/ja/top/help_shop.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-status {
    background-image: url(/img/help/ja/top/help_status.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-present {
    background-image: url(/img/help/ja/top/help_gift.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-terms {
    background-image: url(/img/help/ja/top/help_agreement.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-privacy {
    background-image: url(/img/help/ja/top/Help_privacy_policy.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-goldtos {
    background-image: url(/img/help/ja/top/help_diamond_terms.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-commercialtransactions {
    background-image: url(/img/help/ja/top/help_specific.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-paymentlaw {
    background-image: url(/img/help/ja/top/help_capital.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-license {
    background-image: url(/img/help/ja/top/help_lcense.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-contact {
    background-image: url(/img/help/ja/top/help_Inquiry.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-opinion {
    background-image: url(/img/help/ja/top/help_opinions_box.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-goldsummary {
    background-image: url(/img/help/ja/top/help_opinions_box.png);
    -webkit-background-size: 100%;
    width: 95%;}

ul.helpList > li.item-unused {
    background-image: url(/img/help/ja/top/help_diamond_unused.png);
    -webkit-background-size: 100%;
    width: 95%;}

.movieImg {
    width: 4.21rem;
    height: .74rem;
    display: block;
    margin-top: .2rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-background-size: 100%; }

.friendInviteImg {
	width: 4.21rem;
	height: .74rem;
	display: block;
	margin-top: .2rem;
	margin-left: auto;
	margin-right: auto;
	-webkit-background-size: 100%; }

.container {
    font-size: .2rem;
    padding: 0.1rem 0.3rem;
    word-break: normal;
    white-space: normal;
    font-family: 'Hiragino Kaku Gothic Pro',sans-serif;
    clear: both;
    /*position: relative;*/
    width: auto;
}

/*
 * 規約
 */
pre.terms {
    font-size: .2rem;
    padding: 0.1rem 0.3rem;
    word-break: normal;
    white-space: normal;
    font-family: 'Hiragino Kaku Gothic Pro',sans-serif;
    clear: both;
    position: relative;
    width: auto; }

pre.terms > h1 {
    font-size: .36rem;
    font-weight: bold;
    text-align: center; }

pre.terms > h2 {
    font-size: .24rem;
    font-weight: bold;
    text-align: center; }

pre.terms > h3 {
    font-size: .2rem;
    font-weight: bold; }

div.terms {
    font-size: .2rem;
    padding: 0.1rem 0.3rem;
    word-break: normal;
    white-space: normal;
    font-family: 'Hiragino Kaku Gothic Pro',sans-serif;
    clear: both;
    position: relative;
    width: auto;
}

.termsArticle {
    font-weight: bold;
    margin: 0.2rem 0.1rem; }

.termsBody {
    font-size: 0.9em;
    margin: 0.2rem; }

/*h2 {*/
/*color: greenyellow;*/
/*}*/
a { color: blue;}
a:link { color: blue;}
a:visited { color: blue;}
a:hover { color: blue;}
a:active { color: blue;}

/* 戻るボタン */
.backBtn {
    display: block;
    width: .83rem;
    height: .53rem;
    margin-top: .1rem;
    margin-left: 5%;
    margin-bottom: .05rem;
    background-image: url(/img/common/btnBack.png);
    -webkit-background-size: 100% 100%; }

.helpLine {
    width: 100%;
    -webkit-background-size: 100%; }

.iCenter {
    text-align: center; }


.newsIconImg {
    width: .32rem;
    display: block;
    float: left;
    -webkit-background-size: 100%; }

.newsImg {
    width: 40%;
    display: block;
    margin-left: .2rem;
    padding-right: .2rem;
    float: left;
    -webkit-background-size: 100%; }

.newsBigImg {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-background-size: 100%; }

.helpRed {
    /*レッド*/
    color: #FF0000; }

.helpLBlue {
    /*ライトブルー*/
    font-weight: bold;
    color: #85E8FF; }

.helpLYellow {
    /*ライトイエロー*/
    font-weight: bold;
    color: #FFFD76; }

.helpLPink {
    /*ライトピンク*/
    font-weight: bold;
    color: #FF98A9; }

.helpLPurple {
    /*ライトパープル*/
    font-weight: bold;
    color: #CB94FF; }

.helpLGreen {
    /*ライトグリーン*/
    font-weight: bold;
    color: #88E897; }

body {
	color: #660000;
    background-color: #f4e8d4;
}

html,body {
    height: 100%;
}

.color-default {
    color: #660000;
}

.headline {
    font-size: .18rem;
    font-weight: bold;
}

.newsViewImg {
    width: 100%;
    margin: 0 auto;
}

/* slide visual */
#title-visual > ul {
    position: relative;
    min-height: 2em;
}
.v-title {
    position: absolute;
    width: 100%;
    display: block;
}
.ttl-show {
    display: block;
}
.ttl-hide {
    visibility: hidden;
}

div.slideWap {
    margin-bottom: 0;
    padding-bottom: 0;
}

div.slideWap .mainSlide {
    width: 100%;
    display: block;
    overflow: hidden;
}

ul.slideVisual {
    position: relative;
}
ul.slideVisual > li.visual,
ul.slideVisual > li.visual > a {
    position: absolute;
    width: 100%;
    z-index: 10;
    display: block;
}
ul.slideVisual > li.visual .img {
    max-width: 100%;
}

.slideWap .pagination {
    background-image: url(/img/common/top_under.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    width: 100%;
    bottom: 5px;
    z-index: 1;
}

.slideWap .pagination > p {
    z-index: 2;
    font-weight: bold;
    font-size: 0.2rem;
    color: #0000ff;
    float: left;
    text-align: left;
    position: relative;
    -webkit-transform:scale(0.85);
}

.slideWap .pagination > .navi {
    float: right;
    text-align: right;
    z-index: 3;
    padding-right: 5%;
    position: relative;
}

.navi > p.act {
    background-image: url(/img/common/nakaguro_1.png);
    background-repeat: no-repeat;
    background-size: 80% 80%;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: 5px;
    z-index: 10;
}

.navi > p.no-act {
    background-image: url(/img/common/nakaguro_2.png);
    background-repeat: no-repeat;
    background-size: 80% 80%;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: 5px;
    z-index: 10;
}

.goto-sbtn {
    background-image: url(/img/common/button_01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1em 1.5em;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.03em;
}
.goto-mbtn {
    background-image: url(/img/common/button_02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1em 1.5em;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.03em;
}
.goto-lbtn {
    background-image: url(/img/common/button_03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1em 1.5em;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.03em;
}

.slideWap .pagination2 {
    position: relative;
    width: 100%;
    bottom: 5px;
    z-index: 1;
}

.slideWap .pagination2 > p {
    margin-left: 3%;
    z-index: 2;
    font-weight: bold;
    font-size: 0.2rem;
    color: #0000ff;
    position: relative;
    -webkit-transform:scale(0.85);
}

.slideWap .pagination2 > .navi2 {
    z-index: 3;
    padding-right: 5%;
    position: relative;
}

.navi2 > p.act {
    background-image: url(/img/common/pager02.png);
    background-repeat: no-repeat;
    background-size: 80% 80%;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 10px;
    z-index: 10;
}

.navi2 > p.no-act {
    background-image: url(/img/common/pager01.png);
    background-repeat: no-repeat;
    background-size: 80% 80%;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 10px;
    z-index: 10;
}

.newsImgLine {
    width: 80%;
    margin-bottom: 0.5em;
}

.container > p.updTxt {
    font-size: 0.2rem;
    font-weight: bold;
}

.slideWap > p {
    position: static;
}

ul.mvBtn {
    /*position: absolute;*/
    /*top: 150px;*/
    position: relative;
    width: 95%;
}

ul.mvBtn > li.leftBtn {
    background-image: url(/img/common/arrow_left2.png);
    background-repeat: no-repeat;
    background-size: 65% 65%;
    background-position: left center;
    display: block;
    position: absolute;
    left: -4%;
    width: 10%;
    z-index: 15;
}

ul.mvBtn > li.rightBtn {
    background-image: url(/img/common/arrow_right2.png);
    background-repeat: no-repeat;
    background-size: 65% 65%;
    background-position: right center;
    display: block;
    position: absolute;
    right: -10%;
    width: 10%;
    z-index: 15;
}

ul.grid {
    position: relative;
    width: 100%;
    /*top: 0;*/
}
ul.grid > li.leftBtn {
    position: absolute;
    left: 0;
    width: 48%;
    height: auto;
}

ul.grid > li.rightBtn {
    position: absolute;
    right: 0%;
    width: 48%;
}

.playGuide .updTxt {
    position: absolute;
    color: #ffffff;
    font-size: 0.2rem;
    width: 100%;
    text-align: center;
    vertical-align: bottom;
    bottom: -5%;
    font-weight: bold;
    -webkit-transform:scale(0.68);
}

.detailWap div.article-ttl {
    background-image: url(/img/common/white_2line_.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}
.detailWap p.link-ttl {
    text-align: center;
}
.detailWap p.link-ttl > a{
    display: block;
}
.detailWap img.newsBigImg {
    margin-bottom: 10px;
}
div.article-ttl > dl {
    padding: 3% 0;
    position: relative;
    display: table-cell;
    width: 80%;
    vertical-align: middle;
}
div.article-ttl > dl > dt {
    position: absolute;
    width: 20%;
    margin-left: 5%;
    font-weight: bold;
}
div.article-ttl > dl > dd {
    margin-left: 25%;
    width: 55%;
}
div.article-ttl > .dl-img {
    display: table-cell;
    vertical-align: middle;
}
.dl-img img{
    width: 60%;
    padding-left: 30%;
    vertical-align: middle;
}

.right-slide-animation {
    position: relative;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform: translateX(100%);

    -moz-transition: transform .6s;
    -ms-transition: transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    -webkit-transition: -webkit-transform .6s;
}

.show-slide-animation {
    position: relative;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0);

    -moz-transition: transform .6s;
    -ms-transition: transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    -webkit-transition: -webkit-transform .6s;
}

.left-slide-animation {
    position: relative;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);

    -moz-transition: transform .6s;
    -ms-transition: transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    -webkit-transition: -webkit-transform .6s;
}

.zero-duration-animation {
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-duration: 0s;
    opacity: 0;
}

/* アコーディオン表示 */
label {
    /*padding: .1rem;*/
    display: block;
    margin: 0;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu > p.aco-ttl {
    text-align: center;
    /*margin-bottom: 5px;*/
}
.menu > p.aco-ttl > label {
    text-decoration: underline;
    color :#0000ff;
}
.menu > p.aco-ttl > label > strong {
    text-decoration: underline;
    color: #ff0000;
}

.menu .article {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

input[type="checkbox"].on-off + .article{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + .article{
    height: auto;
}

.head-emergency {
    padding: 1em 0;
}

.head-emergency > h1 {
    text-align: center;
    margin-bottom: 5px;
    color :#ff0000;
    font-weight: bold;
}

.head-emergency label {
    padding: 0;
    display: block;
    margin: 0;
}

p.linkPage {
    color: #0000ff;
    text-decoration: underline;
}
span.linkPage {
    color: #0000ff;
    text-decoration: underline;
}

/* megaslot.cssより */
.center {
    width: 90%;
    margin: 0.1em auto;
}
.ttl-txt {
    height: 2em;
    line-height: 1.7em; /* タイトルを中央に寄せる */
    font-size: 100%;
    font-weight: normal;
    color:#ff0;
    text-align: center;
}
.line {
    width:90%;
    display:block;
    margin-top: 0.2em;
    margin-left: auto;
    margin-right: auto;
}
.reward-content {
    position: relative;
    height: 3em;
    margin-bottom: 1em;
}
.table {
    display: table;
    width: 90%;
    margin: 0.1em auto;
}

.table-row-2 {
    display: table-cell;
    width: 15%;
    padding-left: 1em;
}

.table-row-3 {
    display: table-cell;
    width: 75%;
    padding-left: 2em;
}

.v-top {
    vertical-align: top;
}
.v-middle {
    vertical-align: middle;
}
.v-bottom {
    vertical-align: bottom;
}
.t-left {
    text-align: left;
}
.t-center {
    text-align: center;
}
.t-right {
    text-align: right;
}
.name {
    color: #0d8900;
    font-weight: bold;
}

p.boost-img {
    background-image: url("/img/megaslot/icon_boost.png");
    background-repeat: no-repeat;
    background-size: 20% 80%;
    padding-left: 4.6em;
}
p.hightboost-img {
    background-image: url("/img/megaslot/icon_highboost.png");
    background-repeat: no-repeat;
    background-size: 20% 80%;
    padding-left: 4.6em;
}
.avatar-bg {
    position: relative;
    width: 150%;
    background-image: url("/img/extrachip/frame.png");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
}
.name-mt {
    color: #0d8900;
    font-weight: bold;
    margin-top: 0.8em;
}
.name-only {
    color: #0d8900;
    font-weight: bold;
    line-height: 3em;
}
.text {
    padding-top: 0.2em;
    color: #64311E;
    font-weight: bold;
    font-size: 70%;
    line-height: 1.5em;
}
.link-list {
    padding-top: 0.2em;
    color: #64311E;
    font-weight: bold;
    font-size: 70%;
    line-height: 2em;
}
.border-t {
    border-top: solid 1px #64311E;
}
.font-b {
    font-weight: bold;
}
.red {
    color: #FF0000;
}
.blue {
    color: #0042ff;
}
.green {
    color: #0d8900;
}
.pink {
    color: #f4004a;
}
.bg-color-y {
    background-color: rgba(255,252,0,0.4);
    padding: 0.5em 0;
}
.bg-color-brown {
    background-color: #f4e8d4;
}
.bg-color-darkBrown {
    background-color: #d9c8a8;
}
.reward-wap {
    position: relative;
    top: 0.5em;
}
.reward-building {
    position: absolute;
    width: 120%;
    top: -0.5em;
    left: 0.5em;
}
.reward-decoration {
    position: absolute;
    width: 150%;
    top: -0.7em;
}
.reward-item {
    position: absolute;
    width: 100%;
    top: 1em;
    left: 0.8em;
}
.reward-chip {
    position: absolute;
    width: 100%;
    left: 0.8em;
    top: 0.5em;
}

.tC {
    text-align: center;
}
.tR {
    text-align: right;
}
.tL {
    text-align: left;
}

.mt01 {
    margin-top: 0.1em;
}
.mt05 {
    margin-top: 0.5em;
}
.mt1 {
    margin-top: 1em;
}
.mb01 {
    margin-bottom: 0.1em;
}
.mb05 {
    margin-bottom: 0.5em;
}
.mb1 {
    margin-bottom: 1em;
}
.mr01 {
    margin-right: 0.1em;
}
.mr05 {
    margin-right: 0.5em;
}
.mr1 {
    margin-right: 1em;
}
.ml01 {
    margin-left: 0.1em;
}
.ml05 {
    margin-left: 0.5em;
}
.ml1 {
    margin-left: 1em;
}

.w13 {
    width: 13% !important;
}

.w10 {
    width: 10%;
}
.w15 {
    width: 15%;
}
.w20 {
    width: 20%;
}
.w30 {
    width: 30%;
}
.w40 {
    width: 40%;
}
.w50 {
    width: 50%;
}
.w60 {
    width: 60%;
}
.w70 {
    width: 70%;
}
.w80 {
    width: 80%;
}
.w90 {
    width: 90%;
}
.w100 {
    width: 100%;
}

.fs1 {
    font-size: 0.1rem;
}
.fs2 {
    font-size: 0.2rem;
}
.fs3 {
    font-size: 0.3rem;
}
.fs4 {
    font-size: 0.4rem;
}
.fs5 {
    font-size: 0.5rem;
}

.top3 {
    top:3px;
}
.op-zero {
    opacity:0;
}

.v-top {
    vertical-align: top;
}
.v-middle {
    vertical-align: middle;
}
.v-bottom {
    vertical-align: bottom;
}
.t-left {
    text-align: left;
}
.t-center {
    text-align: center;
}
.t-right {
    text-align: right;
}

.m0 {
    margin: 0;
}
.mt0 {
    margin-top: 0;
}
.mb0 {
    margin-bottom: 0;
}
.mb5 {
    margin-bottom: 0.5em;
}
.ml0 {
    margin-left: 0;
}
.mr0 {
    margin-right: 0;
}
.p0 {
    padding: 0;
}
.pt0 {
    padding-top: 0;
}
.pb0 {
    padding-bottom: 0;
}
.pl0 {
    padding-left: 0;
}
.pr0 {
    padding-right: 0;
}
.pr5 {
    padding-right: 0.5em;
}
.pr10 {
    padding-right: 1em;
}