* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}



body {
    font-size: 13px;
    line-heihgt: 1.5;
    font-family: Helvetica, HiraKakuProN-W3, meiryo, メイリオ, sans-serif;

}

.video {
    top: 30%;
    position: absolute;
    opacity: 0;
    transform: translateX(-100px);
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.ol_title {
    top: 0%;
    position: absolute;
    right: -1%;
    width: 46%;
    opacity: 0;
    transform: translateY(-100px);
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.header .ol_title img {
    width: 65%;
}

.ol_logo {
    top: 4%;
    position: absolute;
    left: 0%;
    width: 55%;
    animation: anime1 0.7s ease 0s infinite alternate;
    transform-origin: center;
}

.header .ol_logo img {
    width: 65%;
}

img {
    image-rendering: -webkit-optimize-contrast;
}



.head_image img {
    width: 100%;
}


.head_image {
    position: relative;
    margin: 0px 0px;
    line-height: 0px;
    padding: 0px;
}

.body_image_intro {}

.body_image_intro img {
    width: 100%;
    vertical-align: bottom;
}


.body_image_gif {}

.body_image_gif img {
    width: 100%;
    vertical-align: bottom;
}


.step_flow {
    background: #222222;
    font-size: 19px;
    text-align: center;
    border-radius: 10px;
    margin: 15px 10px 0px 10px;
    padding: 10px 5px;
}

.flow_list {
    position: relative;
    margin: 20px 10px 0px 10px;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 10px;
    font-size: 15px;
    color: #000;
    line-height: 1.6em;
    letter-spacing: 0px;
}

.flow_list :before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #f1f1f1;
}

.flow_list3 {
    position: relative;
    margin: 20px 10px 0px 10px;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 10px;
    font-size: 15px;
    color: #000;
    line-height: 1.6em;
    letter-spacing: 0px;
}

.step_list {
    margin-bottom: 10px;
    padding: 7px 5px;
    background: #6385ff;
    border-radius: 5px;
    display: flex;
    font-size: 16px;
}

.step_list .head {
    padding-right: 5px;
    margin-top: 5px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    color: white;
}

.step_list .text {
    width: 160%;
    color: #000;
    padding: 5px 5px;
    background: #FFF;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
}

.step_list3 {
    margin-bottom: 10px;
    padding: 7px 5px;
    background: #ff6372;
    border-radius: 5px;
    display: flex;
    font-size: 16px;
}

.step_list3 .head {
    font-size: 18px;
    padding: 10px 5px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    color: white;
}

.step_list3 .text {
    font-size: 20px;
    width: 160%;
    color: #000;
    background: #FFF;
    font-weight: bold;
    padding: 10px 5px;
    border-radius: 5px;
    text-align: center;
}

.app_midasi {
    text-align: center;
    border: solid 2px #000;
    background: #ff5c86;
    border-radius: 13px;
    padding: 7px 5px 7px 17px;
    margin: 15px 10px 5px 10px;
}

.kiji02_image {
    text-align: center;
    margin: 0px;
    position: relative;
    margin: 10px 10px 0px 10px;
}

.kiji02_image img {
    width: 100%;
}

.kiji04_image {
    text-align: center;
    margin: 5px 0px 10px;
}

.kiji04_image img {
    width: 100%;
}

.app_midasi_text {
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
}

#contents_mds {
    margin: 15px 10px;
    padding: 15px 15px;
    word-break: break-all;
    background: #FFF;
    border-radius: 10px;
}

.article_content img {
    max-width: 100%;
    margin: 5px 13% 0px 13%;
}

.midashi0000 {
    font-size: 23px;
    font-weight: bold;
    padding: 0px 0 20px 0;
    line-height: 1.4em;
    color: #2671ff;
}

.midashi0001 {
    font-size: 25px;
    font-weight: bold;
    margin: 15px 0 20px 0;
    line-height: 1.4em;
    color: #ff26b2;
}

.header_obi {
    color: #4d4d4d;
    align-items: center;
    justify-content: flex-end;
    padding: 4px 10px 0px;
    font-size: 14px;
}


.kiji_image {
    margin: 0px 0px;
    line-height: 9px;
    padding: 0px 0px 0px 0px;
}


.kiji_image img {
    width: 100%;
}

.kiji_image_gif {}


.kiji_image_gif img {
    width: 100%;
    top: 41px;
}





/*-------------------- app revueSlider JS css --------------------*/


.swiper-container {
    width: 100%;
    display: flex;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-wrapper {
    display: flex;
    transition-duration: 0ms;
    transform: translate3d(0px, 0px, 0px);
}

.swiper-slide {
    height: auto;
    font-size: 18px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
}

/*-------------------- app revueSlider JS css --------------------*/
/*-------------------- app revueSlider --------------------*/
.revueSlider_main {
    padding: 10px 15px 20px 15px;
    position: relative;
}

.revueBox {
    box-sizing: border-box;
}

.revueBoxTitle {
    color: #FFF;
    border-radius: 0;
    font-weight: bold;
    font-size: 15px;
}

.revueBoxTitle img {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

.revueContentsBox {
    font-size: 14px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.revueContentsHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}

.revue_t {
    font-weight: bold;
    font-size: 14px;
}

.revueContentsHeaderRight {
    font-size: 14px;
    width: 25%;
}

.revue_comment {
    font-size: 14px;
}

/*-------------------- app revueSlider --------------------*/




/*-------------------------
  右から左に流れるテキスト
-------------------------*/
.text-ani_sample {
    margin-top: -3px;
    background: #000000;
    overflow: hidden;
    padding: 5px;
}

.text-ani_sample p {
    margin: 0;
    font-size: 19px;
    /*文字サイズ*/
    color: #fff;
    /*文字の色*/
    animation: flowing 6s linear infinite;
    /*アニメーション*/
    transform: translateX(100%);
    /*最初の位置*/
}

@keyframes flowing {
    100% {
        transform: translateX(-100%);
        /*終了の位置*/
    }

}


/*-------------------------
  複数行テキストを流す
-------------------------*/
.text-ani_ribbon {
    margin-top: -3px;
    background: #000000;
    overflow: hidden;
    padding: 3px;

}

.text-ani_ribbon ul {
    margin: 0;
    padding-left: 100%;
    display: inline-block;
    white-space: nowrap;
    animation: flowing05 10s linear infinite;
    transform: translateX(0);
}



@keyframes flowing05 {
    100% {
        transform: translateX(-100%)
    }
}


.kiji_image_top {
    margin: 0px 0px;
    background: #1cb900;
    line-height: 9px;
    padding: 9px 0px 11px 0px;
}


.kiji_image_top img {
    width: 100%;
}


.kiji_image_asobi {
    margin: 0px 0px;
    background: #0F9E00;
    line-height: 9px;
    padding: 10px 0px 0px 0px;
}


.kiji_image_asobi img {
    width: 100%;
}



.body_image img {
    width: 100%;
}


.wrapper {
    overflow: hidden;
}

#wrapper{
	position: fixed;
}

.fixed{
	position: fixed;
    width: 100%;
    height: 100%;
	top:0;
    z-index: 98;
	}

#contents {
    padding: 0 20px 20px;
    word-break: break-all;
}

#header {
    margin: 7px 0px;
    text-align: center;
}

#header img {
    width: 17%;
}

.fv_title {
    height: auto;
    vertical-align: bottom;
    position: relative;
}

.ol_logo {
    top: 24%;
    position: absolute;
    left: 10%;
    width: 80%;
}


/*-------------------------
  複数行テキストを流す
-------------------------*/
.text-ani_ribbon {
    margin-top: -5px;
    background: #4c8ddd;
    overflow: hidden;
    padding: 10px 0px 5px 0px;

}

.text-ani_ribbon ul {
    margin: 0;
    padding-left: 100%;
    display: inline-block;
    white-space: nowrap;
    animation: flowing05 10s linear infinite;
    transform: translateX(0);
}

.text-ani_ribbon ul li {
    display: inline;
    margin: 0 100px 0 0;
    color: #FFF;
    font-size: 16px;
}

@keyframes flowing05 {
    100% {
        transform: translateX(-100%)
    }
}



.icon_b_01.zoomin.is-animated {
    width: 40%;
    top: 65%;
    right: 53%;
    position: absolute;
}

.icon_b_02.zoomin.is-animated {
    width: 40%;
    top: 60%;
    right: 6%;
    position: absolute;
}

.icon_b_03.zoomin.is-animated {
    width: 37%;
    top: 4%;
    right: 4%;
    position: absolute;
}


.kiji {
    font-size: 16px;
    color: #333;
    line-height: 1.6em;
    letter-spacing: 0px;
    font-weight: bold;
}

.yellow_center {
    text-align: center;
}


z
/********** アプリボックス**********/

.app_box3 {
    max-width: 80%;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    margin: 15px auto 25px;
    padding: 10px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    align-items: center;

}

.app_box_icon3 img {
    border-radius: 10px;
    width: 60px;
}




.app_comment {
    margin-left: 15px;
}


.app_box_inner {
    display: flex;
    justify-content: flex-start;
    padding: 10px 10px 15px 10px;
}

.app_box_info3 {
    margin-top: 0%;
    padding-left: 20px;
    display: flex;
    align-content: center;
    flex-direction: column;
}

.app_box_namme {
    margin: 0px 0px 7px 0px;
    color: #474747;
    font-size: 13px;
}

.app_box_namme_app {
    margin-bottom: 4px;
    display: flex;
}

.app_box_namme_app_inner {
    font-weight: bold;
    font-size: 19px;
}

.app_box_namme_app_tag {
    border: 1px solid #ff2266;
    color: #ff2266 !important;
    font-size: 10px !important;
    padding: 0 3px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.app_box_namme_app_tag02 {
    border: 3px solid #ff2266;
    color: #ff2266 !important;
    font-size: 10px !important;
    padding: 0 3px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.app_box_namme_grey {
    font-size: 13px;
    color: #848484;
}

.install_btn {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}



.app_box4 {
    max-width: 100%;
    border-radius: 10px;
    margin: 0px auto 15px;
    padding: 0px 0px 10px 0px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    align-items: center;
    background: #FFF;
}

.app_box_icon4 img {
    border-radius: 20px;
    width: 70px;
}

.apptag01 {
    font-size: 12px;
    background: #2291e7;
    margin-right: 5px;
    color: #FFF;
    padding: 4px 10px;
}

.apptag02 {
    font-size: 12px;
    background: #2291e7;
    margin-right: 5px;
    color: #FFF;
    padding: 4px 10px;
}


.rank_comment {
    margin: 10px 0px;
}

.rank {
    padding: 0px 10px 7px 13px;
    color: #6b6b6b;
    font-size: 23px;
    font-weight: bold;
    background: #ffffff;
}


.rank_midasi {
    margin-top: 35px;
    margin-bottom: 20px;
    line-height: 25px;
    text-align: center;
}

.rank_midasi h3 {
    display: inline-block;
    position: relative;
    padding: 0px 16px 17px 16px;
    color: #5a4031;
    background: #fffaf4;
    border-radius: 16px;
    font-size: 15px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    text-align: left;
    width: 95%;
}

.rank_midasi h3:before {
    content: '推しPOINT';
    display: block;
    position: relative;
    left: 0;
    transform: translateY(-40%);
    padding: 6px 16px;
    background: #FDE9CA;
    border: 2px solid #e8c49c;
    color: #AD6836;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    width: 50%;
    margin: 0 auto 2px auto;
}

.user_app {
    margin: 0px;
}

.install_bar {
    width: 80%;
    height: 50px;
    background: #EF5471;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 14px 0px 6px 0px;
    border-radius: 15px;
    font-size: 16px;
    margin: 20px auto 5px;
    box-shadow: 3px 4px 2px rgb(0 0 0 / 40%);
}

.ad_link1 img {
    margin-bottom: 3px;
    margin-right: 5px;
    width: 16%;
    align-items: center;
}

.ad_link2 img {
    margin-bottom: 3px;
    margin-right: 5px;
    width: 16%;
    align-items: center;
}


.ad_link3 img {
    margin-bottom: 3px;
    margin-right: 5px;
    width: 16%;
    align-items: center;
}


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

.install_bar_text {
    margin-left: 3px;
    margin-bottom: 1px;
    font-size: 15.5px;
}

.number {
    margin-top: 25px;
    margin-bottom: 10px;
}

.number img {
    width: 100%;
}

.rank_box {
    border: 2px solid #FE2E64;
    padding: 20px 3px;
    margin: 40px 8px 50px 8px;
    background-color: #FFF;
}


.middle {
    font-weight: bold;
}


.appstar {
    font-size: 15px;
    margin-bottom: 5px;
}

.starScore {
    font-size: 15px;
}

.tag img {
    width: 27%;
}

.rank_image {
    margin-top: 20px;
    margin-bottom: 20px;
}

.rank_image img {
    width: 100%;
}

.rank_comment {
    margin: 10px 0px;
}

.rank_comment p {
    font-size: 15px;
}




.q_text {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
}

.a_text {
    font-size: 16px;
}


.appIconBoxRight {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
}

a,
a:hover,
a:visited {
    color: #FFF;
}

.contents_box_foot_kiji a {
    color: #1d3994;
    text-decoration: underline;
}

.appIconBox {
    display: flex;
    align-items: center;
    color: #333;
    font-size: 18px;
}




.user_app .ad_link1 img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    align-items: center;
}


.user_app .ad_link2 img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    align-items: center;
}


.user_app .ad_link3 img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    align-items: center;
}

.user_app_c {
    margin-top: 10px;
    text-align: center;
}

.user_app_c .ad_link1 img {
    width: 60%;
    height: auto;
    vertical-align: bottom;
    align-items: center;
}


.user_app_c .ad_link2 img {
    width: 60%;
    height: auto;
    vertical-align: bottom;
    align-items: center;
}


.user_app_c .ad_link3 img {
    width: 60%;
    height: auto;
    vertical-align: bottom;
    align-items: center;
}



.appbox {
    border-radius: 8px;
    box-sizing: border-box;
    padding: 10px;
}

.rank_dl {
    margin: 0 15px;
}


.rank_dl img {
    width: 100%;
    align-items: center;
}



#footer {
    padding: 15px 5px;
    color: #fff;
    background: #484848;
    font-size: 10px;
    text-align: center;
}


.mailTo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.mailTo a {
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
}

#footer a:visited,
#footer a:hover,
#footer a {
    color: #ffffff;
}



a,
a:hover,
a:visited {
    text-decoration: none;
    color: #ffffff;
}

.contents_box_foot_kiji a {
    color: #1d3994;
}

.user_app {
    margin: 0px 5px;
}

/*-------------------- star-rating --------------------*/

.star-rating {
    position: relative;
    display: inline-block;
    font-size: 20px;
    word-break: normal !important;
}

.star-rating .star-rating-item {
    position: absolute;
    overflow: hidden;
}

.star-rating .star-rating-item:before {
    content: "★★★★★";
    color: #ffcc33;
}

.star-rating:after {
    content: "★★★★★";
    color: #ccc;
}



@keyframes anime1 {
    from {
        transform: scale(0.9, 0.9);
    }

    to {
        transform: scale(1, 1);
    }
}

.cv_btn {
    margin: 0 auto;
}

.cv_btn img {
    animation: anime1 0.5s ease 0s infinite alternate;
    transform-origin: center;
}

.redmiddle {
    color: #ff2662;
    font-weight: bold;
}

.bluemiddle {
    color: #2687ff;
    font-weight: bold;
}

.pinkmiddle {
    color: #ff2694;
    font-weight: bold;
}



.purplemiddle {
    color: #a226ff;
    font-weight: bold;
}

.small_bold {
    font-size: 15px;
    font-weight: bold;
}

#contents_nock {
    color: #ffffff;
    font-weight: bold;
    margin-top: 10px;
    background: #db0000;
    padding: 5px 10px;
    text-align: center;
    font-size: 16px;
    word-break: break-all;
}

/*　中高生NG文言　*/
.nock {
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    margin-top: 15px;
    padding: 5px 0px 5px 0px;
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}


/*-------------------- contents_box --------------------*/

.ranking_box {
    width: 100%;
    padding: 5px;
    background-image: url(https://img-storage.com/lp/2025/a_g/deai_mix/item/ranking_back.jpg);
}

.kiji_title {
    font-size: 18px;
    font-weight: bold;
    background-color: #fff9ad;
    padding: 5px;
}

.kiji_mds {
    font-size: 18px;
    margin: 10px 0px;
}


.kiji_text_box {
    padding: 10px 0px;
    margin: 15px 0px;
}

.page-back {
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px;
    background: #ffffff;
    color: #000;
    text-decoration: none;
}

.page-back a {
    display: inline-block;
    font-size: 14px;
    background: #ffffff;
    color: #000;
    text-decoration: none;
}

.contents_box_foot {
    padding: 5px 15px 15px 15px;
    background-color: #FFF;
    border: 3px solid #9cc1e8;
    margin: 15px 10px;
    border-radius: 10px;
}

.contents_box_foot_mds {
    padding: 5px 15px 10px 15px;
    margin: 5px 10px 5px 10px;
    text-align: center;
}

.contents_box_foot_kiji {
    padding: 5px 15px;
    font-size: 16px;
    line-height: 1.9em;
}

.footer_contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5px 30px 20px 30px;
}

.footer_contents_left {
    flex: 1;
    border: 1px solid #ffffff;
    padding: 10px;
    margin: 0 10px;
    min-width: 25%;
}

.footer_contents_center {
    flex: 1;
    border: 1px solid #ffffff;
    padding: 10px;
    margin: 0 10px;
    min-width: 25%;
}

.footer_contents_right {
    flex: 1;
    border: 1px solid #ffffff;
    padding: 10px;
    margin: 0 10px;
    min-width: 25%;
}


.contents_box {
    width: 100%;
    padding: 15px 15px 20px 15px;
    background-color: #FFF;
    border: 2px solid #e8c49c;
    margin-top: 20px;
    margin-bottom: 10px;
}

.app_review {
    font-size: 18px;
    color: #333;
    display: flex;
    gap: 5px;
    align-items: center;
    color: #ff0000;
    font-weight: bold;
    margin-bottom: 10px;
}


.app_review .stars {
    color: #f39c12;
    letter-spacing: 1px;
}

.star_wrapper {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}

.star_base {
    color: #ddd;
}

.star_overlay {
    color: #f39c12;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none;
}

.contents_box_title {
    color: #000000;
    font-size: 19px;
    font-weight: bold;
    padding: 7px 0px 7px 20px;
    border-bottom: 2px solid #d5a434;
}

.contents_box_h2 {
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    padding: 7px 0px 7px 20px;
    border-bottom: 2px solid #000000;
}

.contents_box_inner {
    padding: 10px;
}

.contents_box_app {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}

.contents_box_info {
    width: 100%;
    margin-top: 0%;
    padding-left: 16px;
    display: flex;
    align-content: center;
    flex-direction: column;
    color: #000000;
}

.contents_box_text {
    margin-top: 3%;
    align-content: center;
    flex-direction: column;
    color: #000000;
    font-size: 15px;
}

.contents_box_icon {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.no1_ico {
    margin: 0;
    padding: 0;
}

.contents_box_icon img {
    border-radius: 10px;
    width: 70px;
}

/* enter */

section {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
  }
   
section.verify {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      z-index: -1;
    }  

section.verify img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        /*filter: blur(5px);*/
      }

    #index{
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 9000;
    /*    text-align: center;*/
    /*    background:#000;*/
    }
    
    #tb-cover{
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: rgba(255,255,255,0.3);
    /*    display: none;*/
        width: 100%;
        height: 100%;
        z-index: 100;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
        background-repeat: repeat;
        background-blend-mode: overlay;
        background-position: 0px;
        background-size: auto, cover;
    }
    
    #title{
        position: fixed;
        left: 50%;
        top: calc(50% - 12px);
        transform: translate(-50%, -50%);
        z-index: 9999;
        width: 280px;
        font-size: 24px;
        font-family: "Noto Sans JP",Arial, Helvetica, sans-serif;
        line-height: 100%;
    }
    
    .title-head{
        text-align:center;
    }
    
    .title-top{
        font-size:18px;
    }
    
    .title-bottom{
        font-size:18px;
        display: flex;
        justify-content: space-around;
    }

.title-mail{
	color:#fff;
	background:#000;
	position:relative;
	width:120px;
	height:32px;
	border-radius:24px;
	margin:20px auto 0 auto;
	line-height:32px;
}

.title-mail a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-align:center;
}

.tb-skip{
	width:120px;
	margin:auto;
	font-size:14px;
	color:#fff;
	background:#0053d9;
	border-radius:24px;
	padding:10px 0;
    text-align: center;
}

.tb-bye{
	width:120px;
	margin:auto;
	font-size:14px;
	color:#fff;
	background:transparent;
	border:solid 1px #fff;
	border-radius:24px;
	padding:10px 0;
    text-align: center;
}

/* 年齢認証 */

.appico2 img{
	width:100px !important;
	margin-bottom:20px;
}

.auth-title{
	font-size:24px;
	color:#fff;
	margin-bottom:10px;
    text-shadow:1px 1px #999;
}

.auth-check{
	font-size:16px;
	font-weight: bold;
	color:#fff;
	margin-bottom:10px;
    text-shadow:1px 1px #999;
}

.auth-info{
	font-size:10px;
	color:#cc0088;
	line-height:1.2;
	margin-bottom:20px;
}

#bye-commentBox{
	color:#fff;
	background:rgba(105, 105, 105, 0.9);
	position:fixed;
	z-index:9999999;
	display:none;
	width:100%;
	height:100%;
}
#bye-comment{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width:280px;
	padding:30px 0;
}
#bc-head{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}
#bc-btn{
	color:rgba(105, 105, 105, 0.9);
	background:#fff;
	text-align: center;
	border-radius: 24px;
	width:180px;
	margin:20px auto 0 auto;
	padding:10px 0;
}


@media screen and (min-width:572px) {
    /*　画面サイズが572pxからはここを読み込む　*/

    body {
        width: 500px;
        margin: 0 auto;
        font-size: 13px;
        line-heihgt: 1.5;
        font-family: Helvetica, HiraKakuProN-W3, meiryo, メイリオ, sans-serif;

    }
}