itioshi@charset "utf-8";
/* CSS Document */
/***********************************************************


***********************************************************/

img {
    border: none;
    vertical-align: bottom;
}

ul, li, dl, dt, dd, ol, html, body {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

h1, h2, h3, h4, h5,h6, p, form, input, select, hr {
    margin: 0;
    padding: 0;
}

input{
    vertical-align: middle;
    -moz-border-radius: 3px;	/* firefox */
    border-radius: 10px;		/* CSS3 */
    padding: 15px;
    padding-left: 15px;
    /*height: 1.5em;*/
    border: solid 1px #adadad;
    　  　}

input[type='submit']{
    font-size: 120%;
}

select{
    vertical-align: middle;
    -moz-border-radius: 3px;	/* firefox */
    border-radius: 3px;		/* CSS3 */
    padding: 2px;
    padding-top: 0.4em;
    padding-left: 5px;
    height: 1.7em;
    font-size: 1.2em;
    border: solid 1px #adadad;
    overflow: hidden;
    /*position: absolute;*/
}
textarea{
    -moz-border-radius: 3px;	/* firefox */
    border-radius: 3px;		/* CSS3 */
    border: solid 1px #adadad;
}
.camp input[type="submit"] {
    background-color: #ffe4e1;
}

html body {
    width: 100%;
    height: 100%;
    overflow: auto;
}
html, body {
    font-family:
            'メイリオ',
            'Meiryo',
            'Hiragino Kaku Gothic Pro',
            'ヒラギノ角ゴ Pro W3',
            'Osaka',
            'ＭＳ Ｐゴシック',
            sans-serif;
    background-color: #FFF;
    color: #333;
    font-size: 1em;
    -webkit-text-size-adjust: 100%;
}
body{
    overflow: hidden;
}
/***********************************************************

		contentsDIV

***********************************************************/
.contentsDIV {
    width: 95%;
    height: 100%;
    max-width: 940px;

    margin: 0 auto;
}

.topLogo {
    margin-left: 48px;
    margin-top: 5px;
    background-image: url("https://sys.jbg-sys.com/files/6d32abc5-3baf-4641-8d9a-daea89953ebd.jpg");
    width: 846px;
    height: 200px;
    float: left;
}

.topMemberProfile {
    float: left;
    margin-top: 15px;
    margin-left: 300px;
    background-color: #eee;
    width: 425px;
    border: solid #ccc 1px;
}

.profImage{
    max-width: 140px;
    max-height: 140px;
}


.miniText{
    font-size: 0.7em;
}

.floatLeft{
    float: left;
}

.yokoMargin{
    margin: 0 10px 0 10px;
}

.topnewCount {
    margin: 0 10px 0 10px;
    width: 315px;
    float: left;
}
.toplogout {
    width: 90px;
    float: left;
}

.topColor {
}

.mainColor{
    background-color: #ffe4e1;
    color: #363636;
}

.inTopWhite {
    width: 90%;
    margin: 0px auto 0px auto;
    padding: -60px;
    background-color: whitw;
}

.bottoms{
    width: 90%;
    margin: 0 auto 0 auto;
    padding: 10px;
    color: #363636;
}
.bottoms a{
    color: #363636;
}

.spBottomMenu{

}
.spBottomMenu a{
    color: white;
    text-decoration: none;
}

.profTable{
    width: 99%;
}

.pcMenu{
    margin: 0;
    margin-top: 7px;
    padding: 0;
    width: 260px;
    float: left;
}

.menuImage{
    margin: 0;
    margin-top: -7px;
    padding: 0;
}

.fter{
    bottom: 0;
    width: 100%;
    height: 70px;
    background-color: #ffe4e1;
}
.spFter{
    bottom: 0;
    width: 100%;
    height: 20px;
    background-color: #69d3ff;
}

.camp{
    margin-left: 15px;
    width: 520px;
    float: left;
}

.body{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.topMain{
    padding-bottom: 70px;
}

.mainText{
    margin: 5px;
}

.hato{
    vertical-align: -5px;
}

/* #spHeader
----------------------------------------------------------------*/
.spHeader{
    background-color: #ffe4e1;
    width: 100%;
    text-align: center;
    color: #363636;
    font-size: 0.7em;
}

/* #footer
----------------------------------------------------------------*/

#footer {
    width: 100%;
    margin-bottom: 20px;
}

#footer ul li {
    border-bottom: #fff 1px solid;
}
#footer ul li:last-child {
    border-bottom: #fff 1px dotted;
}

#footer ul li a {
    height: 40px;
    line-height: 40px;
    display: block;
    background-color: #363636;
    padding-left: 50px;
    color: #363636;
    text-decoration: none;
    background: url(https://sys.jbg-sys.com/files/b709cd83-f908-454c-b97e-90551808ac5c.png) no-repeat 10px center;
    background-color: #ffe4e1;
}

#footer ul li a:hover {
    opacity: 0.6;
}

#footer address {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #363636;
    background-color: #ffe4e1;
}

#footer ul li.home a { background-image: url(https://sys.jbg-sys.com/files/9e08f4ab-ac74-4d5b-bbee-bbb5757dd2c5.png); background-color: #faf0e; }
#footer ul li.riyoukiyaku a { background-image: url(https://sys.jbg-sys.com/files/4b95f973-6a5b-4af0-bf5a-bef00c9849bd.png); background-color: #faf0e; }
#footer ul li.tokuteisyou a { background-image: url(https://sys.jbg-sys.com/files/a63cfcf2-e6b6-44d7-bc95-6aa9d4d37096.png); background-color: #faf0e; }
#footer ul li.nenreininsyou a { background-image: url(https://sys.jbg-sys.com/files/94ef084f-5c47-4409-a0bc-ee1afe6b49a2.png); background-color: #faf0e; }
#footer ul li.puraibasi a { background-image: url(https://sys.jbg-sys.com/files/69c11a44-6611-463f-aed5-2dad10192a1b.png); background-color: #faf0e; }
/*#footer ul li.taikai a { background-image: url(http://image.{$host}/imgs/files/de/taikai.png); background-color: #faf0e; }*/
/*#footer ul li.keijiban a { background-image: url(http://image.{$host}/imgs/files/de/keijiban.png); background-color: #faf0e; }*/



/* clickBlock
----------------------------------------------------------------*/

#clickMenu p {
    background-image: url(https://sys.jbg-sys.com/files/d8744c8a-fdeb-48bb-8cb0-d0acc470c757.png);
    background-color: #faf0e;
}
clickBlock .navi_list li.spMenuin_pointtuika a { background-image: url(https://sys.jbg-sys.com/files/9f1158b3-7424-409d-9d51-bdf95fedbab7.png); }
clickBlock .navi_list li.spMenuMailBox a { background-image: url(https://sys.jbg-sys.com/files/f1154524-d359-4e4f-a2d9-228cf7ed6259.png); background-color: #faf0e; }
/*clickBlock .navi_list li.bt_sendbox a { background-image: url(http://image.{$host}/imgs/files/de/icon_navi_send.png); background-color: #FF9326; }*/
clickBlock .navi_list li.spMenufriendsbox a { background-image: url(https://sys.jbg-sys.com/files/71662100-d6ee-47e0-9e91-c8f9e6d6182e.png); }

/*clickBlock .navi_list li.spMenuOther a { background-image: url(http://image.vanishing-echan.com/imgs/files/de/up_14907794770.png); }*/
clickBlock .navi_list li.spMenuSearch a { background-image: url(https://sys.jbg-sys.com/files/4d72ca6a-0406-40dc-bd54-223afef6672b.png); }
/*clickBlock .navi_list li.taikai a { background-image: url(http://image.{$host}/imgs/files/de/taikai.png); background-color: #faf0e; }*/
clickBlock .navi_list li.prof_henkou a { background-image: url(https://sys.jbg-sys.com/files/9793d6f7-cecd-4d85-80b1-58bbaea924d2.png); background-color: #faf0e; }
clickBlock .navi_list li.tokuteisyou a { background-image: url(https://sys.jbg-sys.com/files/a63cfcf2-e6b6-44d7-bc95-6aa9d4d37096.png); background-color: #faf0e; }
clickBlock .navi_list li.osirase a { background-image: url(https://sys.jbg-sys.com/files/e2263c69-8efa-4978-ba2e-4c56ae566a3d.png); background-color: #faf0e; }
clickBlock .navi_list li.nenreininsyou a { background-image: url(https://sys.jbg-sys.com/files/94ef084f-5c47-4409-a0bc-ee1afe6b49a2.png); background-color: #faf0e; }
clickBlock .navi_list li.puraibasi a { background-image: url(https://sys.jbg-sys.com/files/69c11a44-6611-463f-aed5-2dad10192a1b.png); background-color: #faf0e; }
clickBlock .navi_list li.riyoukiyaku a { background-image: url(https://sys.jbg-sys.com/files/4b95f973-6a5b-4af0-bf5a-bef00c9849bd.png); background-color: #faf0e; }
/*clickBlock .navi_list li.kidokumeru a { background-image: url(); background-color: #faf0e; }*/
clickBlock .navi_list li.home a { background-image: url(https://sys.jbg-sys.com/files/9e08f4ab-ac74-4d5b-bbee-bbb5757dd2c5.png); background-color: #faf0e; }
clickBlock .navi_list li.hentou a { background-image: url(https://sys.jbg-sys.com/files/c05882af-13dd-42d3-bc0f-c953c6fecb08.png); background-color: #faf0e; }
/*clickBlock .navi_list li.keijiban a { background-image: url(); background-color: #faf0e; }*/


.menu_top {
    margin-top: 213px;
    margin-bottom: 50px;
}

.menu_top h3 {
    padding-left: 23px;
    padding-bottom: 5px;
    border-bottom: #69d3ff 2px solid;
    color: #69d3ff;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    margin-bottom: 10px;
    font-size: 16px;
}
.menu_top h3.clickBox {
    color: #0000FF;
    text-decoration: underline;
    cursor: pointer;
}
.menu_top h3.clickBox:hover {
    color: #00759B;
    text-decoration: none;
}

clickBlock {
    margin-left: 10px;
    margin-right: 10px;
}

clickBlock .navi_list {
    text-align: left;
}

clickBlock .navi_list li.box01 {
    width: 49%;
    float: left;
}
clickBlock .navi_list li.box02 {
    width: 49%;
    float: right;
}

clickBlock .navi_list li a {
    display: block;
    height: 50px;
    line-height: 50px;
    background-color: #ffe4e1;
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 50px;
    font-size: 16px;
    color: #363636;
    text-align: left;
    margin-bottom: 5px;
    text-decoration: none;
}
clickBlock .navi_list li a:hover {
    opacity: 0.6;
}

/* #clickMenu
----------------------------------------------------------------*/

#clickMenu p {
    height: 50px;
    line-height: 50px;
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 40px;
    font-size: 16px;
    color: #CCC;
    text-align: left;
    margin-bottom: 5px;
    text-decoration: none;
    cursor: pointer;
    margin-top: 10px;
}

#clickMenu ul.navi_list {
    border: #CCC 1px solid;
    padding: 10px 10px 5px 10px;

}

#clickMenuPC{
    padding: 0;
    margin: 0;
}


/*================================================================


================================================================*/
/* メッセージＢＯＸ関連追加ＣＳＳここから
----------------------------------------------------------------*/
.kirinuki img{
    object-fit: cover;
    width:200px;
    height:200px;
    border-radius:50%;
    object-position: 50% 0%;
    border:5px solid #fff;
}

/* メッセージＢＯＸ関連追加ＣＳＳここまで
----------------------------------------------------------------*/
/* LINE＠用ログイン後TOPCSSここから
----------------------------------------------------------------*/

.kurinuki img{
    object-fit: cover;
    width:200px;
    height:200px;
    border-radius:50%;
    object-position: 50% 0%;
    border:5px ridge #ff69b4;
}

/* LINE＠用ログイン後TOPCSSここまで
----------------------------------------------------------------*/
/* ポイント不足ページ追加CSSここから
----------------------------------------------------------------*/

.tuikabotan{
    animation-name:boyon;
    animation-duration:3.0s;
    animation-iteration-count:infinite;
    display:block;
    width:60%;
    text-decoration:none;
    background:-webkit-linear-gradient(top,#008000, #006400);
    color:#fff;
    margin:auto;
    padding:10px;
    text-align:center;
    border-radius:3px;
    box-shadow:0px 5px 0px #013601;
}

@keyframes boyon{
    3% {
        transform: translateY(-0px) scale(1.4,1.0);
    }
    6% {
        transform: translateY(-0px) scale(1.0,1.4);
    }
    9% {
        transform: translateY(-0px) scale(1.1,1.0);
    }
    12% {
        transform: translateY(-0px) scale(1.0,1.1);
    }
    15% {
        transform: translateY(-0px) scale(1.0,1.0);
    }
}

/* ふわふわ矢印*/

@keyframes yajirusi{
    100% {
        transform: translateY(15px) scale(1.0,1.0);
        opacity:0;
    }
}

/* ふわふわ矢印*/
.yajirusi{
    animation-name: yajirusi;
    animation-duration: 1s;
    animation-iteration-count:infinite;
    width:20%;
    display:block;
    margin:auto;
}

/* ポイント不足ページ追加CSSここまで
----------------------------------------------------------------*/
/* ログイン後追従ボタン追加ＣＳＳここから
----------------------------------------------------------------*/


.tuijubanner{
    position:fixed;
    center:80px;
    bottom:1px;
    animation-name:tuijubanner;
    animation-duration:1.0s;
    animation-iteration-count:infinite;
}

@keyframes tuijubanner{

    50% {
        transform: translateY(-5px) scale(1.0,1.0);
    }

}




/* ログイン後追従ボタン追加ＣＳＳここまで
----------------------------------------------------------------*/
/* LINENOTIFYログイン後TOPここから
----------------------------------------------------------------*/

#notifypage{
    padding:0;
    margin:0;
    background:#fff;
    font-family:BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

.notifymainarea{
    width:90%;
    display:block;
    margin:auto;
}

.notifysection{
    display:block;
    margin:auto;
    padding:10px;
    background:#fff;
    border-radius:10px;
    box-shadow:0px 0ox 3px #444;
    margin-bottom:15px;
    border:5px solid #00a100;
}


.notifysetteibotan{
    display:block;
    width:280px;
    margin:auto;
    background:#ff8c00;
    text-decoration:none;
    color:#fff;
    text-align:center;
    padding:10px;
    margin-top:40px;
    margin-bottom:20px;
    box-shadow:0px 7px 0px #ad5f00;
    border-radius:3px;
}

/* LINENOTIFYログイン後TOPここまで
----------------------------------------------------------------*/
/* ボタンボヨボヨＣＳＳここから
----------------------------------------------------------------*/

@keyframes boyon{
    3% {
        transform: translateY(-0px) scale(1.0,1.0);
        filter: brightness(100%);
    }


    6% {
        transform: translateY(-0px) scale(1.0,1.0);
        filter: brightness(110%);
    }

    9% {
        transform: translateY(-0px) scale(1.0,1.0);
        filter: brightness(120%);
    }


    12% {
        transform: translateY(-0px) scale(1.0,1.0);
        filter: brightness(110%);
    }


    15% {
        transform: translateY(-0px) scale(1.0,1.0);
        filter: brightness(100%);
    }
}


.boyoboyo{
    animation-name:boyon;
    animation-duration:2.0s;
    animation-iteration-count:infinite;

}

.helpbotan{
    display:block;
    background:rgba(32,178,170,0.8);
    color:#fff;
    border-radius:50%;
    box-shadow:1px 1px 2px #444;
    text-decoration:none;
    padding:15px;
    position:fixed;
    right:5px;
    top:10px;
    animation-name:helpbotan;
    animation-duration:3.0s;
    animation-iteration-count:infinite;
    line-height: 0.9em;
}

@keyframes helpbotan{

    50% {
        transform: translateY(-5px) scale(1.0,1.0);
        filter: brightness(150%);
        text-shadow:0px 0px 3px #072625;
    }

}

/* ボタンボヨボヨＣＳＳここまで
----------------------------------------------------------------*/
/* ガチャCSSここから
----------------------------------------------------------------*/

.container {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

h1 {
    font-size: 32px;
    font-weight: bold;
    margin-top: 40px;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
}

button {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 20px;
}

#result {
    font-size: 24px;
    font-weight: bold;
    margin-top: 40px;
}
/* ガチャCSSここまで
----------------------------------------------------------------*/
/* 過去課金者POPUPここから
----------------------------------------------------------------*/
#popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 350px;
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    text-align: center;
    z-index: 9999;
}

#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
/* 過去課金者POPUPここまで
----------------------------------------------------------------*/


/* clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* for IE6 */
* html .clearfix { zoom: 1; }
/* for IE7 */
*:first-child+html .clearfix { zoom: 1; }S