@charset "utf-8";

/* 背景
--------------------------------------------------------------------------------------------------------------------- */
.bg_common01 {
    background-image: url("../../img/dmm/bg/bg_common_01_02_pc.png");
    background-repeat: repeat-y;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
}

.bg_common01:before {
    background-image: url("../../img/dmm/bg/bg_common_01_01_pc.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
}

.bg_common01:after {
    background-image: url("../../img/dmm/bg/bg_common_01_03_pc.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
}

/*.bg_howto_move01 {
    background-image: url("../../img/dmm/bg/bg_movie_01.png");
    background-repeat: no-repeat;
    -moz-background-size: 346px auto;
    -webkit-background-size: 346px auto;
    -o-background-size: 346px auto;
    -ms-background-size: 346px auto;
}*/

/* ボーダー
--------------------------------------------------------------------------------------------------------------------- */
.bor_common_img01 {
    background-image: url("../../img/dmm/bor/bor_common_01_pc.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
}

.bor_common_img02 {
    background-image: url("../../img/dmm/bor/bor_common_02.png");
    background-repeat: no-repeat;
    -moz-background-size: 518px auto;
    -webkit-background-size: 518px auto;
    -o-background-size: 518px auto;
    -ms-background-size: 518px auto;
}

/* ボタン
--------------------------------------------------------------------------------------------------------------------- */
.btn_common_img01 {
    background-image: url("../../img/dmm/btn/btn_common_01.png");
    background-repeat: no-repeat;
    -moz-background-size: 120px auto;
    -webkit-background-size: 120px auto;
    -o-background-size: 120px auto;
    -ms-background-size: 120px auto;
}

.btn_common_img02 {
    background-image: url("../../img/dmm/btn/btn_common_02.png");
    background-repeat: no-repeat;
    -moz-background-size: 230px auto;
    -webkit-background-size: 230px auto;
    -o-background-size: 230px auto;
    -ms-background-size: 230px auto;
}

.btn_common_img03 {
    background-image: url("../../img/dmm/btn/btn_common_03.png");
    background-repeat: no-repeat;
    -moz-background-size: 280px auto;
    -webkit-background-size: 280px auto;
    -o-background-size: 280px auto;
    -ms-background-size: 280px auto;
}


/* デコ
--------------------------------------------------------------------------------------------------------------------- */


/* アイコン
--------------------------------------------------------------------------------------------------------------------- */
.ico_img_common01 {
    background-image: url("../../img/dmm/ico/ico_common_01.png");
    background-repeat: no-repeat;
    -moz-background-size: 80px auto;
    -webkit-background-size: 80px auto;
    -o-background-size: 80px auto;
    -ms-background-size: 80px auto;
}

.ico_img_info00 {
    background-image: url("../../img/dmm/ico/ico_info_00.png");
    background-repeat: no-repeat;
    -moz-background-size: 80px auto;
    -webkit-background-size: 80px auto;
    -o-background-size: 80px auto;
    -ms-background-size: 80px auto;
}

.ico_img_info01 {
    background-image: url("../../img/dmm/ico/ico_info_01.png");
    background-repeat: no-repeat;
    -moz-background-size: 80px auto;
    -webkit-background-size: 80px auto;
    -o-background-size: 80px auto;
    -ms-background-size: 80px auto;
}

.ico_img_info02 {
    background-image: url("../../img/dmm/ico/ico_info_02.png");
    background-repeat: no-repeat;
    -moz-background-size: 80px auto;
    -webkit-background-size: 80px auto;
    -o-background-size: 80px auto;
    -ms-background-size: 80px auto;
}

.ico_img_info03 {
    background-image: url("../../img/dmm/ico/ico_info_03.png");
    background-repeat: no-repeat;
    -moz-background-size: 80px auto;
    -webkit-background-size: 80px auto;
    -o-background-size: 80px auto;
    -ms-background-size: 80px auto;
}

.ico_img_info04 {
    background-image: url("../../img/dmm/ico/ico_info_04.png");
    background-repeat: no-repeat;
    -moz-background-size: 80px auto;
    -webkit-background-size: 80px auto;
    -o-background-size: 80px auto;
    -ms-background-size: 80px auto;
}

.ico_img_info05 {
    background-image: url("../../img/dmm/ico/ico_info_05.png");
    background-repeat: no-repeat;
    -moz-background-size: 80px auto;
    -webkit-background-size: 80px auto;
    -o-background-size: 80px auto;
    -ms-background-size: 80px auto;
}

.ico_img_info06 {
    background-image: url("../../img/dmm/ico/ico_info_06.png");
    background-repeat: no-repeat;
    -moz-background-size: 80px auto;
    -webkit-background-size: 80px auto;
    -o-background-size: 80px auto;
    -ms-background-size: 80px auto;
}

/* ボタン
--------------------------------------------------------------------------------------------------------------------- */
.tab_common01 {
    background-image: url("../../img/dmm/btn/btn_common_tab_01_off_pc.png");
    background-repeat: no-repeat;
}

.tab_common01.column2 li:nth-of-type(1),
.tab_common01.column2 li:nth-of-type(2),
.tab_common01.column2 li:nth-of-type(3),
.tab_common01.column3 li:nth-of-type(1),
.tab_common01.column3 li:nth-of-type(2),
.tab_common01.column3 li:nth-of-type(3) {
    background-image: none;
}

.tab_common01.column2 li.selected:nth-of-type(1),
.tab_common01.column2 li.selected:nth-of-type(2),
.tab_common01.column2 li.selected:nth-of-type(3),
.tab_common01.column3 li.selected:nth-of-type(1),
.tab_common01.column3 li.selected:nth-of-type(2),
.tab_common01.column3 li.selected:nth-of-type(3) {
    background-image: url("../../img/dmm/btn/btn_common_tab_01_on_pc.png");
    background-repeat: no-repeat;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    -o-background-size: auto;
    -ms-background-size: auto;
}

.tab_common01 {
    background-image: url("../../img/dmm/btn/btn_common_tab_01_off_pc.png");
    background-repeat: no-repeat;
}

/* タイトル
--------------------------------------------------------------------------------------------------------------------- */
.tit_img_common01 {
    background-image: url("../../img/dmm/tit/tit_common_01.png");
    background-repeat: no-repeat;
    -moz-background-size: 489px auto;
    -webkit-background-size: 489px auto;
    -o-background-size: 489px auto;
    -ms-background-size: 489px auto;
}


/* テキスト
--------------------------------------------------------------------------------------------------------------------- */
.txt_img_mask01:before {
    content: attr(title);
    -webkit-mask-image: url("../../img/dmm/txt/txt_mask_b01.png");
    -moz-mask-image: url("../../img/dmm/txt/txt_mask_b01.png");
    -o-mask-image: url("../../img/dmm/txt/txt_mask_b01.png");
    mask-image: url("../../img/dmm/txt/txt_mask_b01.png");
    -webkit-mask-size: 100% 100%;
    -moz-mask-size: 100% 100%;
    -o-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.txt_img_mask01:after {
    content: attr(title);
    -webkit-mask-image: url("../../img/dmm/txt/txt_mask_t01.png");
    -moz-mask-image: url("../../img/dmm/txt/txt_mask_t01.png");
    -o-mask-image: url("../../img/dmm/txt/txt_mask_t01.png");
    mask-image: url("../../img/dmm/txt/txt_mask_t01.png");
    -webkit-mask-size: 100% 100%;
    -moz-mask-size: 100% 100%;
    -o-mask-size: 100% 100%;
    mask-size: 100% 100%;
}