/*-----------------------------top-----------------------------*/
/*yahoo*/
#yahoo { z-index: 99999999; position: relative; }

#yahoo p { text-align: center; font-size: 14px; line-height: 1.8; color: #fff; }

#yahoo #link01 { color: #FF0000; text-decoration: underline; }

#yahoo #link02 { font-size: 18px; color: #99ff00; font-weight: bold; }

/*inbox*/
.inbox { width: 805px; margin: 0 auto; overflow: hidden; padding-top: 90px; }

.ico { margin-left: 13px; margin-top: 5px; padding-bottom: 10px; float: left; }

.price { width: 460px; margin-right: 20px; float: right; overflow: hidden; text-align: right; }

.member { font-weight: bold; float: left; }

.member, .normal { font-size: 18px; }

#recommend .normal { color: #FFFFFF; }

#special .normal { color: #ead6a6; }

#recommend .inbox .right .menu { margin-top: 15px !important; }

.inbox .right { margin-right: 47px; padding-top: 7px; }

/*new*/
#newarea { width: 937px; margin: 0 auto; position: relative; z-index: 9999; }

#new { width: 840px; height: 376px; margin: 10px auto 0; background: url(../img/new_bg.png) no-repeat center top; z-index: 9999; position: relative; }

#new .ico { margin: 90px 0 0 55px; float: left; }

#new .right { margin: 85px 80px 0 0; }

#new .data { margin-left: -54px; font-size: 18px; color: #ffffff; font-weight: bold; }

#new .title { margin-top: 7px; }

#new .price { margin-top: 15px; }

/*special*/
#special { z-index: 10; position: relative; }

#special h2 { text-align: center; }

#special ul { width: 950px; margin: -30px auto; background-image: url(../img/special_ul_bgf.png); background-repeat: repeat-y; background-position: center top; background-size: 100% auto; }

#special ul #special_ttl { margin-bottom: -5px; text-align: center; background-image: none; }

#special ul li, #free ul li { width: 790px; margin: 0 auto; }

#special ul li { background: url(../img/special_list_bg.png) no-repeat center bottom; background-size: 100% auto; }

#free ul li { background: url(../img/free_list_bg.png) no-repeat center bottom; background-size: 100% auto; }

#special ul li:first-child, #free ul li:first-child { margin-top: -20px; padding-top: 0; }

#special ul li:last-child, #free ul li:last-child { background-image: none; padding-bottom: 0; }
#special ul li:last-child .inbox, #free ul li:last-child .inbox { padding-bottom: 0; }

#special ul .inbox, #free ul .inbox { width: auto; padding: 20px 0; }

#special .inbox .ico, #free .inbox .ico { margin: 20px 0 20px 50px; }

#special .inbox .right, #free .inbox .right { margin: 20px 40px 35px 0; padding-top: 0; }

#special .inbox .price { margin-top: 10px; }

/*recommend*/
#recommend { position: relative; z-index: 200; margin: 0 auto 0; width: 981px; }

#recommend .bg01, #recommend .bg04 { position: relative; width: 981px; height: 387px; background-image: url(../img/recommend01_bgt.png); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; }

#recommend .bg04 { height: 410px; margin-top: -30px; }

#recommend .bg01 .inbox .ico, #recommend .bg04 .inbox .ico { margin: 45px 0 0 45px; padding-bottom: 0; }

#recommend .bg01 .inbox .right, #recommend .bg04 .inbox .right { margin: 45px 55px 0 0; }

#recommend .bg01 .inbox .right .price, #recommend .bg04 .inbox .right .price { margin: 15px 20px 0 0; }

#recommend .bg02, #recommend .bg05 { position: relative; }

#recommend .bg05 { margin-top: -10px; }

#recommend .bg02 .btn, #recommend .bg05 .btn { position: absolute; bottom: 0; margin: auto; left: 0; right: 0; text-align: center; }

#recommend .bg03 { padding-top: 20px; }

#special_text01 { margin-left: auto; margin-right: auto; text-align: center; z-index: 100; width: 950px; }

#special_text01_1 { margin: -63px auto -60px; position: relative; z-index: 300; text-align: center; width: 950px; }

#special_text01_2 { margin: -42px auto 0; text-align: center; z-index: 2; position: relative; width: 950px; }

#special_text01_2 p { margin-left: 0; }

#special_text01_3 { margin: -20px auto 0; text-align: center; z-index: 2; position: relative; width: 950px; }

#special_text01_3 p { margin-left: -142px; }

#special_text00 { margin: -8px auto 0; text-align: center; z-index: 2; position: relative; width: 950px; }

#special_text00 p { margin-left: 0; }

#special_text00_1 { margin: -75px auto 0; text-align: center; z-index: 2; position: relative; width: 950px; }

#special_text00_2 { margin: -97px auto; text-align: center; z-index: 2; position: relative; width: 950px; }

#special_text00_2 p { margin-left: -121px; }

#special_text02 { min-width: 970px; text-align: center; z-index: 105; position: relative; margin-left: auto; margin-right: auto; }

#special_text02 img { margin-left: 0; margin-right: 0; }

#recommend h2 { text-align: center; position: relative; z-index: 1; margin-bottom: -50px; }

#recommend ul { padding-top: 0; padding-bottom: 100px; background: url(../img/recommend_ul_bg.png) no-repeat center top; }

#recommend ul li .inbox .ico { margin-top: 0; margin-bottom: 0; margin-left: 20px; padding-top: 0; padding-bottom: 0; }

/*free*/
#free { position: relative; margin: 0 auto; max-width: 950px; z-index: 100; }

#free h2 { margin: 0 auto; text-align: center; margin-left: 0; }

#free ul { width: 950px; margin: -30px auto; background: url(../img/free_ul_bg.png) repeat-y center top; background-size: 100% auto; }

#free ul .ico { margin: 18px 0 0 29px; }

#free ul .right { margin: 10px 47px 0 0; padding-top: 0; }

#free ul .menu { margin-top: 12px; }

#puchipura ul .ico { margin-top: 4px; padding-bottom: 4px; }

#puchipura h2 { width: 900px; margin: 0 auto; }

/*listmenu*/
#listmenu { margin-bottom: 0; margin-top: 0; }

#listmenu h2 { margin: 0 auto; text-align: center; }

#listmenu ul { width: 844px; margin: 0 auto; overflow: hidden; }

#listmenu ul li { width: 50%; margin-right: 0; margin-bottom: 17px; float: left; }

#listmenu .line { margin-top: 0; text-align: center; }

#listmenu #love { z-index: 100; position: relative; }

#listmenu #meet { z-index: 100; position: relative; margin-top: 30px; }

#listmenu #life { z-index: 100; position: relative; margin-top: 30px; }

#listmenu ul li .listbox { height: 358px; background-image: url(../img/list_bg.png); background-repeat: no-repeat; background-position: center top; overflow: hidden; }

#listmenu ul li .list_top { padding: 12px 0 0 22px; overflow: hidden; }

#listmenu ul li .list_ico { height: auto; float: left; margin: 13px -2px 0 0; }

#listmenu ul li img { vertical-align: bottom; }

#listmenu ul li .ttl a { width: 243px; font-size: 20px; font-weight: bold; color: #c92050; word-wrap: break-word; display: table-cell; vertical-align: middle; text-decoration: underline; padding-top: 20px; padding-left: 8px; }

#listmenu ul li .ttl a:hover { text-decoration: none; }

#listmenu #meet a { color: #9500c6; }

#listmenu #meet .member { color: #ff6600; }

#listmenu #life a { color: #0054ff; }

#listmenu #life .member { color: #ff6600; }

#listmenu ul li .list_text { padding: 12px 40px 0px 40px; font-size: 15px; color: #000000; height: 150px; }

#listmenu ul li .list_price { margin-right: 40px; text-align: right; }
#listmenu ul li .list_price span { line-height: 1.1; }

#listmenu ul li .list_price .member, #listmenu ul li .list_price .normal { font-size: 15px; font-weight: normal; }

#listmenu #love .list_price .member { float: none; color: #cf3006; font-weight: bold; }

#listmenu #meet .list_price .member { float: none; color: #c8003d; font-weight: bold; }

#listmenu #life .list_price .member { float: none; color: #c8003d; font-weight: bold; }

#listmenu ul li .list_price .normal { float: none; color: #000000; }

/*spec*/
#spec { width: 858px; margin: 40px auto 100px; color: #000000; }

#spec .spec_content { padding: 0 40px 10px; background: url(../img/spec_c_bgr.png) repeat-y center top; font-size: 15px; line-height: 1.4; }

/*-----------------------------introduction-----------------------------*/
#introduction_top { width: 950px; margin: 0 auto 0; position: relative; z-index: 150; }

#introduction_main { margin: 0 auto; width: 840px; }

#introduction_top_cont { padding: 30px 75px 0 75px; font-size: 16px; font-weight: bold; background-image: url(../img/introduction_top_bgc.png); background-repeat: repeat-y; background-position: center top; background-size: 100% auto; color: #000000; }

#about_senjutsu { margin-bottom: 40px; }

#about_senjutsu h2 { text-align: center; }

.about_cont { width: 670px; margin: -40px auto 0; z-index: 1000; position: relative; }

#black { width: 870px; margin: 0 auto; }

.about_cont p { color: #FFFFFF; font-size: 16px; font-weight: bold; }

.card_list_box { z-index: 99999; position: relative; text-align: center; background: url(../img/card_list_bgr.png) repeat-y center top; background-size: 100% auto; }

#card_list h2 { text-align: center; }

.card_list_group h3 { z-index: 100; position: relative; text-align: center; }

.card_list_group ul { overflow: hidden; margin: 0 auto; width: 740px; }

.card_list_group ul li { float: left; text-align: center; width: 20%; }
.card_list_group ul li.pl30p { padding-left: 30%; }

.card_list_title1 { margin: 0 auto 20px; }

.card_list_title2 { margin: 0 auto 30px; }

.card_list_title3 { margin: 0 auto 30px; }

.card_list_title4 { margin: 0 auto 30px; }

.card_list_title5 { margin: 0 auto 30px; }

.card_name_bg { display: block; position: relative; }

#group02 .title { width: 877px; height: 272px; background-size: 100% 100%; margin-top: -100px; }

#group02 .title img { margin-top: 110px; }

#group03 .card_name_bg { width: 184px; height: 300px; background: url(../img/card_list_group_bg01.png) no-repeat center top; background-size: 160%; background-position-y: 116px; background-position-x: -47px; }

#group03 .title { width: 877px; height: 272px; background-size: 100% 100%; margin-top: -100px; }

#group03 .title img { margin-top: 110px; }

#group04 .card_name_bg { width: 180px; height: 330px; background: url(../img/card_list_group_bg03.png) no-repeat center top; background-size: 90%; background-position-y: 168px; background-position-x: 0; }

#group04 .card_name_bg img { margin-left: 12px; }

#group04 .title { width: 877px; height: 318px; background-size: 100% 100%; margin-top: -30px; }

#group04 .title img { margin-top: 110px; }

#group05 .card_name_bg { width: 180px; height: 330px; background: url(../img/card_list_group_bg04.png) no-repeat center top; background-size: 90%; background-position-y: 168px; background-position-x: 0; }

#group05 .card_name_bg img { margin-left: 12px; }

#group05 .title { width: 877px; height: 318px; background-size: 100% 100%; margin-top: -30px; }

#group05 .title img { margin-top: 110px; }

#group06 .title { width: 877px; height: 318px; background-size: 100% 100%; margin-top: -30px; }

#group06 .title img { margin-top: 110px; }

#group06 .card_name_bg { width: 180px; height: 330px; background: url(../img/card_list_group_bg05.png) no-repeat center top; background-size: 90%; background-position-y: 168px; background-position-x: 0; }

#group06 ul li { margin-right: 13px; }

#group07 .card_name_bg { width: 151px; background: url(../img/card_list_group_bg01.png) no-repeat center top; background-size: 120%; background-position-y: 135px; }

#group07 ul li { margin-right: 13px; }

.card_name_bg span { width: 100%; display: block; line-height: 1.4; text-align: center; color: #FFFFFF; font-size: 16px; margin-top: 10px; margin-bottom: 20px; }

#group01 .card_name_bg1 span, #group02 .card_name_bg1 span, #group03 .card_name_bg1 span, #group04 .card_name_bg1 span, #group05 .card_name_bg1 span, #group06 .card_name_bg1 span, #group07 .card_name_bg1 span { padding-bottom: 30px; margin-top: 10px; }

#introduction #group01, #introduction #group02 { margin: 20px auto; }

#introduction #group03 { margin: 50px auto 20px; }

#introduction #group04 { margin-bottom: 0px; }

#card_list_foot { text-align: center; }

#about_spread { margin-top: 0; }

#about_spread h2 { text-align: center; }

#about_senjutsu .bgt, #about_senjutsu .bgf, #about_spread .bgt, #about_spread .bgf { text-align: center; }

#introduction .spred { width: 902px; margin: 30px auto 30px; }

#introduction .footer_btn { margin-bottom: 5px; }

/*result*/
.inbox_area01 { z-index: 999999; position: relative; }

.inbox.menu_blue { height: 350px; background: url(../img/menu_blue.png) no-repeat center top; position: relative; padding-top: 0; }

.inbox.menu_gray { height: 350px; background: url(../img/menu_blue.png) no-repeat center top; position: relative; padding-top: 0; }

.inbox.menu_blue.result { background: url(../img/menu_result.png) no-repeat center top !important; }

.inbox.menu_blue .right, .inbox.menu_gray .right { margin-top: 117px; float: left; }

.inbox.menu_blue .ico, .inbox.menu_gray .ico { margin: 99px 0 0 45px; }

.menu_blue02 .ico { margin-left: 96px; margin-top: 174px; }

.menu_blue02 .right { margin-top: 189px; margin-right: 0; float: left; }

.special_tx { width: 800px; margin: 0 auto; position: relative; z-index: 100000; }

#result_tx01 { width: 840px; margin: -75px auto 0; position: relative; }

#result_tx06 { width: 569px; margin: 50px auto; position: relative; }

#result_tx07 { margin: 20px auto 0; text-align: center; position: relative; }

.special_tx01 { margin: 0 auto; position: relative; max-width: 950px; }

.special_tx01 .message { font-weight: bold; color: #FFFFFF; font-size: 16px; line-height: 1.4; width: 368px; position: absolute; top: 81px; right: 148px; height: 275px; display: table; text-align: left; }

.special_tx02 { margin: 0 auto; position: relative; max-width: 950px; }

.special_tx02 .message { font-weight: bold; color: #FFFFFF; font-size: 16px; line-height: 1.4; width: 368px; position: absolute; top: 61px; left: 145px; height: 291px; display: table; text-align: left; }

.result_cont_d_bgr .bottom { clear: both; }

/*result_cont01*/
.result_content_01 { width: 953px; margin: 0 auto; z-index: 999999; position: relative; background: url(../img/result_content_01_bg.png) no-repeat center bottom; background-size: 827px auto; }

.result_content_01.group02 .receive_card .btn { position: relative; top: -200px; left: 0; margin: 0 auto -160px auto; }

.result_cont_bgr { padding: 20px 110px; overflow: hidden; z-index: 1; position: relative; margin-top: 0; }
.result_cont_bgr .card2 { margin-left: 35px; }

.result_cont_d_bgr { padding: 0 20px 20px; background-image: url(../img/result_content_03_bgr01.png), url(../img/result_content_03_bgr02.png), url(../img/result_content_03_bgr.png); background-repeat: no-repeat, no-repeat, repeat-y; background-position: center top, center bottom, center top; z-index: 1; position: relative; }

.peek_result_cont_d_bgr { width: 842px; margin: -82px auto 0; background-image: url(../img/peek_download_bgr01.png), url(../img/peek_download_bgr.png); background-repeat: no-repeat,repeat-y; background-position: center top,center top 82px; background-size: 100% auto, 100% auto, 100% auto; padding-bottom: 100px; z-index: 1; position: relative; }

.peek_result_cont_d_bgr .card { padding: 10px 0; margin: 0 271px; }

.peek_result_cont_d_bgr .message { margin: 0 114.5px; }

.peek_result_cont_d_bgr .card_name { margin: 0 0 20px; text-align: center; font-size: 18px; font-weight: bold; color: #ffff99; }

.peek_result_cont_d_bgr .dl_message { margin: 10px 120px; font-size: 17px; color: #FFFFFF; }

.peek_result_cont_d_bgr .dammy { margin: 0 92.5px; position: relative; }

.peek_result_cont_d_bgr .dammy .btn { position: absolute; top: 33px; left: 132px; }

.result_cont_bgf { text-align: center; position: relative; z-index: 99999; }

.result_cont_bgt { text-align: center; }

.result_card { float: left; }

.result_cont_bgr .right { width: 350px; font-size: 17px; line-height: 1.4; color: #FFFFFF; margin-top: 25px; }

.result_cont_bgr .center { font-size: 17px; line-height: 1.4; color: #FFFFFF; width: 680px; margin: 0 auto; }

.result_cont_bgr .center2 { font-size: 17px; line-height: 1.4; color: #FFFFFF; width: 715px; margin: 0 auto; }

.result_cont_bgr .card { width: 300px; float: left; margin-right: 29px; margin-left: 20px; position: relative; z-index: 100000;}

.result_cont_bgr .card_pair { width: 100%; }

.card_pair .pair1, .card_pair .pair2 { width: 300px; margin: 0 32px; }

.card_pair .pair1 { float: left; }

.card_pair .pair2 { float: right; }

.result_cont_bgr .card_name { font-size: 17px; color: #99ccff; text-align: center; font-weight: bold; }
.result_cont_bgr .card_name.blue { color: #99ccff; }

.result_cont_bgr .card2 .card2_2 { margin-right: 12px; }

.result_cont_d_bgr .card { position: absolute; top: 0; right: 184px; }

.result_cont_d_bgr .card_name { font-size: 17px; color: #ffcc00; text-align: center; font-weight: bold; }

.result_cont_ttl { width: 100%; height: 180px; background: url(../img/result_cont_ttl_bg.png) no-repeat center top; box-sizing: border-box; font-size: 22px; font-weight: bold; color: #99ccff; z-index: 1100; text-align: center; display: table; line-height: 28px; padding: 0 170px; }
.result_cont_ttl.blue { color: #99ccff; }

.result_cont_d_ttl { width: 699px; height: 132px; padding: 40px 100px; background: url(../img/result_cont_d_ttl_bg.png) no-repeat center top; box-sizing: border-box; font-size: 25px; font-weight: bold; color: #fff; position: absolute; left: 43px; z-index: 1100; text-align: center; display: table; }

.result_cont_ttl span { display: table-cell; vertical-align: middle; }

.result_cont_ttl_02 { text-align: center; background: none; position: absolute; top: 65px; left: 47px; z-index: 1100; }

.group02 .result_card { float: none; text-align: center; margin-bottom: 22px; }

.group02 .result_cont_bgr .right { float: none; }

.bottom .card_name { margin-bottom: 15px; font-size: 22px; font-weight: bold; color: #e90063; text-align: center; line-height: 1.5; }

.bottom p { width: 600px; margin: 0 auto; margin-bottom: 27px; font-size: 18px; color: #01c3aed; line-height: 1.4; }

.bottom .description { font-size: 17px; line-height: 1.4; margin-bottom: 30px; color: #000000; }

.receive_card h3 { margin-bottom: 15px; text-align: center; font-size: 17px; font-weight: bold; }

.bottom .receive_card { text-align: center; color: #FFFFFF; }

.bottom .receive_card .table { text-align: center; display: table; width: 450px; margin: 0 188px; }

.bottom .receive_card .table .table_qr { text-align: center; display: table-cell; width: 180px; }

.bottom .receive_card .table .table_text { vertical-align: middle; color: #ffcc66; text-align: center; display: table-cell; }

.bottom .receive_card .table .table_clar { display: table-cell; vertical-align: middle; width: 20%; }

/*result_content_02*/
.menu_blue02 { width: 916px; height: 394px; background: url(../img/menu_blue02.png) no-repeat center top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }

.menu_blue02_item { background-image: url(../img/result_content_prem_bgr02.png), url(../img/result_content_prem_bgr.png); background-repeat: no-repeat, repeat-y; background-position: center bottom, center top; margin-bottom: 72px; padding-bottom: 25px; }

.result_content_02 { width: 950px; margin: 0 auto; z-index: 100000; position: relative; }

.result_cont_bgf_message { width: 624px; margin: 0 auto; font-size: 17px; font-weight: bold; color: #d00000; text-align: center; margin-top: -208px; padding-bottom: 120px; position: relative; z-index: 100000; }

.result_cont_bgf_message p { font-size: 24px; }

.result_content_02 .result_cont_bgt { margin-left: 0; }

.result_content_02 .result_cont_bgf { margin-top: -170px; }

.result_content_02 .download_message { width: 624px; margin: 0 auto; font-size: 17px; font-weight: bold; color: #000000; margin-top: -80px; }

.result_content_03 { text-align: center; margin-bottom: -30px; }

.caution { width: 600px; height: 100px; margin: 5px auto 15px; padding-top: 20px; text-align: center; background: url(../img/caution_bg.png) center top; font-size: 20px; color: #e40a0a; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; font-weight: bold; }

.caution_img { text-align: center; margin-bottom: 20px; }

.result_content_02_bgr { padding-bottom: 20px; }

.result_content_special { width: 916px; margin: 0 auto; position: relative; max-width: 950px; }

.result_content_special .bg { position: absolute; top: -65px; }

.result_content_special .result_content_02_bgf { position: relative; z-index: 1000; margin-top: -75px; }

.result_content_special_bgt { text-align: center; position: relative; z-index: 500; }

.result_content_special_bgr { position: relative; }

.result_content_special .result_content_02_bgf { text-align: center; }

.result_content_special .menu_list_bgr { background-size: 88%; }

.result_content_special .prelude { padding: 20px 140px 0; }

.menu_list_bgr { width: 826px; margin: 0 auto; color: #FFFFFF; }

.menu_list_bgt { margin-top: 20px; padding-top: 58px; background-image: url(../img/menu_list_bgt01.png), url(../img/menu_list_bgt.png); background-repeat: no-repeat, repeat-y; background-position: center top, center 0; }

.menu_list_bgf .prelude { padding: 0; width: 740px; margin: 0 auto 30px; text-align: center; color: #000; line-height: 1; }
.menu_list_bgf .prelude p { margin-bottom: 10px; }
.menu_list_bgf .prelude span { color: #da2525; }
.menu_list_bgf .prelude a { color: #000; }

.prelude { font-size: 15px; padding: 20px 80px 10px; color: #FFFFFF; }

.menu_sub { width: 700px; margin: 0 auto; }

.menu_sub.menu_01 + .menu_sub.menu_02 { margin-top: 40px; }

.menu_sub h4 { margin-bottom: 15px; text-align: center; }

.menu_sub ul li { margin: 10px 45px 0 25px; padding-bottom: 10px; font-size: 17px; font-weight: bold; background: url(../img/listline.png) no-repeat left bottom; background-size: 100% auto; color: #000; position: relative; line-height: 34px; }
.menu_sub ul li::before { content: ""; position: absolute; background: url(../img/listmark01.png) no-repeat left center; width: 40px; height: 40px; }

.menu_sub ul li span { display: inline-block; margin-left: 45px; }

.complement_bgr { width: 700px; margin: 0 auto; background: url(../img/start_payform_bg.png) repeat-y center top; }

.complement_bgr p { padding: 30px 0 26px; font-size: 15px; text-align: center; line-height: 1.4; }
.complement_bgr p a { color: #FF0000; }

.result_content_02_bgr .spread { margin-bottom: 10px; }

.result_content_02.group03 .complement_bgr p { padding: 38px 0 34px; }

.result_content_02.group03 { z-index: 9999; position: relative; }

.result_content_02.group03 h4.ttl { text-align: center; }

.result_content_02.group03 .result_content_02_bgr { position: relative; }

.result_content_02.group03 .result_content_02_bgf { text-align: center; }

.result_recommend_waku_main { position: relative; z-index: 1000; width: 950px; margin: 0 auto; }

.result_recommend_waku { width: 950px; }

.result_menu_listarea { width: 895px; margin: 0 auto; box-sizing: border-box; position: relative; }

.result_menu_listarea_bgr { width: 100%; background: url(../img/popular_menu_bgr.png) repeat-y top center; background-size: 100% auto; position: relative; }

.result_menu_listarea_popular { width: 949px; margin: 30px auto 0; box-sizing: border-box; position: relative; }

.result_menu_listarea_popular ul { width: 790px; margin: 0 auto; overflow: hidden; }

.result_menu_listarea_bgf { background: url(../img/popular_menu_bgf.png) no-repeat center bottom; }

.result_menu_listarea_bgt { background: url(../img/popular_menu_bgt.png) no-repeat center top; }

.result_menu_listarea h4, .result_menu_listarea_popular h4 { text-align: center; position: absolute; top: 35px; left: 35px; }

.result_menu_list_bgr { background-image: url(../img/result_menu_list_bgr.png); background-repeat: no-repeat; background-position: center top; overflow: hidden; width: 389px; height: 231px; }

.result_menu_listarea ul { padding-top: 10px; padding-left: 50px; overflow: hidden; }

.result_menu_listarea ul li, .result_menu_listarea_popular ul li { width: 50%; float: left; }

.result_menu_listarea ul li .ico, .result_menu_listarea_popular ul li .ico { margin: 28px 0 0 20px; }

.result_menu_listarea ul li .ttl, .result_menu_listarea_popular ul li .ttl { width: 248px; padding: 44px 20px 0 7px; font-size: 20px; line-height: 1.40; font-weight: bold; word-wrap: break-word; display: table-cell; vertical-align: middle; }

.result_menu_listarea ul li .list_top_box, .result_menu_listarea_popular ul li .list_top_box { overflow: hidden; }

.result_menu_listarea ul li .normal, .result_menu_listarea_popular ul li .normal { clear: both; color: #000000; }

.result_menu_listarea ul li a { color: #cc0099; }

.result_menu_listarea_popular ul li a { color: #0034ca; }

.result_menu_listarea ul li .list_price, .result_menu_listarea_popular ul li .list_price { float: right; line-height: 1.3; margin-top: -5px; margin-right: 25px; }

.result_menu_listarea ul li .member { font-weight: normal; float: right; color: #0066cc; }

.result_menu_listarea_popular ul li .member { font-weight: normal; float: right; color: #cf3006; }

/*ranking*/
.ranking { width: 928px; height: 893px; margin: 0 auto; box-sizing: border-box; z-index: 100000; position: relative; }

.ranking h4 { text-align: center; margin-top: 80px; }

.ranking .rank { margin-right: 10px; float: left; }

.ranking ul { width: 740px; margin: 0 0 -142px 96px; box-sizing: border-box; background: url(../img/ranking_bgr.png) repeat-y center top; background-size: 100% auto; padding-bottom: 120px; }

.ranking ul li { overflow: hidden; height: 60px; }

.ranking ul li a { font-size: 19px; font-weight: bold; color: #FFFFFF; line-height: 3.5; }

/*dammy01*/
.result_content_01.group01 .dammy { height: 335px; }
.result_content_01.group01 .btn { position: relative; top: 135px; left: 0px; height: 500px; }
.result_content_01.group01 .btn.sideM { position: absolute; top: auto; bottom: 400px; height: 160px; margin: auto; right: 0; left: 0; text-align: center; }
.result_content_01.group01 .btn.sideR { position: absolute; top: auto; bottom: 300px; right: 125px; left: inherit; height: 160px; }

.result_content_01.group01 .btn2 { position: absolute; left: 0; right: 0; margin: auto; bottom: 80px; text-align: center; }

.result_content_01.group01 .btn3 { position: relative; margin: -193px auto 40px auto; }

.result_content_01 .dammy img { position: absolute; right: 123px; }
.result_content_01 .dammy.wide { margin-left: -8px; height: auto; }
.result_content_01 .dammy.wide img { position: static; width: 700px; }

.result_content_01 .center2 .dammy img { position: initial; right: 0; margin-left: -7px; }

.result_content_01.group04 .center .dammy { text-align: center; }

.result_content_01.group04 .center .btn { position: relative; top: -200px; left: 102px; margin: 0 auto -180px auto; }

/*dammy02*/
.result_content_01 #dammy_02 { margin-bottom: 2px; }

.tokuten { font-size: 17px; color: #ffff33; }

.result_content_01 .receive_card h5 { font-weight: bold; }

/**/
.complement_bgr { text-align: center; }

.complement_bgr h4 { padding-top: 43px; margin-bottom: -10px; font-size: 24px; color: #a4005b; font-weight: bold; }

.complement_bgr { font-size: 15px; }

.complement_bgr.complement02 p { padding-bottom: 20px; }

/*complement_bgr02*/
.complement02_bgr { width: 724px; margin: 0 auto; text-align: center; box-sizing: border-box; }

.complement02_bgr p { padding: 30px 0; }

.result_content_02_bgr .btn { text-align: center; }

/*content_introduction*/
.content_introduction { width: 850px; height: 770px; margin: 0 auto; box-sizing: border-box; }

/*form*/
.complement03_bgr a, .complement04_bgr a { line-height: 1; color: #FF0000; }

.menu_list_bgt .complement02_bgr h4 { font-size: 18px; font-weight: bold; color: #3c0284; }

#distoribution_end h4 { font-size: 18px; font-weight: bold; color: #ce3d6f; }

.premium_prices { font-size: 18px; font-weight: bold; color: #d3035b; }

#premium_btn_box { overflow: hidden; }

#distoribution_end p { margin: 0 auto; font-weight: normal; color: #000; }

#form_description { text-align: center; }

#form_description h4 { margin-bottom: 50px; }

#form_description dl dt { margin-bottom: 8px; font-size: 18px; font-weight: bold; color: #e9d984; }

#form_description dl dd { margin-bottom: 30px; font-size: 15px; color: #fff; }

#premium_btn_box { width: 495px; margin: 0 auto; overflow: hidden; }

#premium_btn_box a { font-size: 15px; color: #7901de; line-height: 2.4; }

.complement04_bgf { padding: 30px 0 30px; }
.complement04_bgf.pb150 { padding-bottom: 150px; }

.complement04_bgr { width: 700px; margin: 0 auto; text-align: center; box-sizing: border-box; background: url(../img/start_payform_bg.png) repeat-y center top; }

#distoribution_end { background-image: url(../img/start_payform_bg_end.png) !important; background-repeat: no-repeat; }

.complement03_bgr { width: 700px; margin: 0 auto 20px; text-align: center; box-sizing: border-box; }

.complement03_bgr h4 { font-size: 18px; font-weight: bold; color: #ffe825; }

.complement04_bgr h4 { font-size: 18px; font-weight: bold; color: #a4005b; }

/*result_card*/
.spread div { position: absolute; box-shadow: 0px 0px 10px 2px #dbf5ff; border-radius: 8px; }

/* spread A */
.spread div img { width: 64px; /* box-shadow */ }

#spreadA .a28 img, #spreadA .a29 img, #spreadA .a30 img, #spreadA .a31 img, #spreadA .a32 img, #spreadA .a33 img, #spreadA .a34 img, #spreadA .a35 img, #spreadA .a36 img, #spreadA .a37 img, #spreadA .a38 img { width: 75px; }

#spreadA .a39 img { width: 185px; }

#spreadA .a01 { left: 456px; top: 85px; }

#spreadA .a02 { left: 398px; top: 201px; }

#spreadA .a03 { left: 507px; top: 201px; }

#spreadA .a04 { left: 347px; top: 318px; }

#spreadA .a05 { left: 456px; top: 318px; }

#spreadA .a06 { left: 565px; top: 318px; }

#spreadA .a07 { left: 257px; top: 403px; }

#spreadA .a08 { left: 198px; top: 520px; }

#spreadA .a09 { left: 307px; top: 520px; }

#spreadA .a10 { left: 148px; top: 637px; }

#spreadA .a11 { left: 256px; top: 637px; }

#spreadA .a12 { left: 364px; top: 637px; }

#spreadA .a13 { left: 658px; top: 403px; }

#spreadA .a14 { left: 599px; top: 520px; }

#spreadA .a15 { left: 708px; top: 520px; }

#spreadA .a16 { left: 549px; top: 637px; }

#spreadA .a17 { left: 658px; top: 637px; }

#spreadA .a18 { left: 765px; top: 637px; }

#spreadA .a19 { left: 160px; top: 233px; }

#spreadA .a20 { left: 750px; top: 233px; }

#spreadA .a21 { left: 456px; top: 467px; }

#spreadA .a22 { left: 456px; top: 765px; }

.nifty_premium { text-align: center; color: #e9d984; font-size: 25px; }

.nifty_premium a { color: #e9d984; }

.scene .text { position: absolute; top: 60px; left: 176px; }

.scene .rune { position: absolute; top: 0px; left: 0px; }

#pankuzu { position: relative; z-index: 1000000; width: 720px; margin: 10px auto; color: #FFFFFF; padding-left: 0px; }

#pankuzu a { color: #59cef9; }

.card_description { background: url(../img/result_card_introduction.png) no-repeat center top; width: 488px; height: 147px; margin: 0 auto 20px; padding-top: 20px; font-weight: bold; color: #000000; }

.card_description .description_left { float: left; height: 107px; margin-left: 50px; margin-right: 60px; }

.card_description .description_right { height: 107px; }

.result_content_d_bgr { position: relative; background: url(../img/result_cont_d_bgr.png) repeat-y center top; }

.result_content_d_bgr .box { position: relative; top: 105px; padding-bottom: 105px; }

.result_content_d_bgr .bg { position: absolute; top: 0; }

.result_content_d_bgr .prelude { padding: 20px 130px 0; }

.premium_text { color: #f30123; }

.start_ttl { text-align: center; width: 950px; margin: -33px auto 0; }

.start_menu_bgf { width: 826px; margin: 0 auto; }

.free_btns_2col { width: 100%; max-width: 900px; margin: -20px auto 0; text-align: center; position: relative; z-index: 500;}
.free_btns_2col .fbtn { float: left; width: 50%; }
.free_btns_2col .fbtn img { width: 450px; }
.free_btns_2col #link03 { font-size: 18px; color: #ffe480; font-weight: bold; }

.rotate { height: 530px; position: relative; }

.rotate .front, .rotate .back { position: absolute; top: 0; left: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: transform 1s, box-shadow 0.5s; }

.card2_2 .rotate .front, .card2_2 .rotate .back { left: 370px; }

.rotate .front { transform: rotateY(180deg); }

.flipped .front { transform: rotateY(0deg); }

.flipped .back { transform: rotateY(180deg); }

.shadow { box-shadow: 0px 0px 13px 2px #dbf5ff; border-radius: 22px; }

.peek_result_special01 { position: relative; }

.peek_result_special01 .ttl { margin: 0 auto -170px; text-align: center; }

.peek_result_special01 .bg .bgt { width: 890px; margin: 0 auto; position: relative; }

.peek_result_special01 .bg .bgt .title { width: 580px; height: 140px; position: absolute; bottom: 16px; left: 155px; text-align: center; display: table; }

.peek_result_special01 .bg .bgr .btn2 { position: absolute; left: 0; right: 0; margin: auto; bottom: 100px; }

.result_special01 { position: relative; }

.result_special01 .ttl { width: 100%; text-align: center; margin: 0 auto -250px; }

.result_special01 .bg .bgt { width: 890px; margin: 0 auto; position: relative; }

.result_special01 .bg .bgt .title { width: 570px; height: 130px; position: absolute; top: 176px; left: 160px; text-align: center; display: table; }

.result_special01 .bg .bgt .title .cell, .peek_result_special01 .bg .bgt .title .cell { display: table-cell; vertical-align: middle; font-size: 22px; font-weight: bold; color: #ffff99; }

.peek_result_special01 .bg .bgt .title .cell { color: #ffff99; }

.result_special01 .bg .bgr, .peek_result_special01 .bg .bgr { width: 866px; margin: 0 auto; background: url(../img/peek_result_special01_bgr.png) no-repeat center top; background-size: 100% auto; padding: 50px 0; position: relative; }

.result_special01 .bg .bgr .card .rotate, .peek_result_special01 .bg .bgr .card .rotate { margin: 0 289px; }

.result_special01 .bg .bgr .card_name, .peek_result_special01 .bg .bgr .card_name { text-align: center; padding: 0 0 50px; font-size: 18px; font-weight: bold; color: #ffff99; }

.peek_result_special01 .bg .bgr .card_name { color: #FFFFFF; }

.result_special01 .bg .bgr .message { position: relative; padding: 0 90px; color: #FFFFFF; font-size: 17px; text-align: left; }

.special_tx04 { width: 760px; margin: 0 auto; }

.result_recommend_parent { position: relative; height: 1022px; }

.result_recommend_parent .spread_main { margin-left: -10px; position: relative; z-index: 10000; }

.result_recommend_parent .flash_main { margin-left: -10px; position: absolute; top: 0; pointer-events: none; -webkit-pointer-events: none; }

/*# sourceMappingURL=style.css.map */

.top_menu_name {
	font-size: 33px;
	font-weight: bold;
	width: 553px;
	margin-left: -58px;
	line-height: 1.3;
	font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", HiraMinProN-W6, HG–¾’©E, "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", Meiryo, serif;
	color: #fbda01;
	text-shadow: rgb(49, 43, 46) 5px 6px 3px;
	text-decoration: none;
}

.top_menu_name a {
	font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", HiraMinProN-W6, HG–¾’©E, "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", Meiryo, serif;
	color: #fbda01;
	text-shadow: rgb(49, 43, 46) 5px 6px 3px;
	text-decoration: none;
}

.top_menu_name a:hover {
	color: #FFFFFF;
}

#free .top_menu_name a {
	color: #06484c;
	text-shadow: rgb(49, 43, 46) 1px 2px 3px;
}

#free .top_menu_name a:hover {
	color: #BB0000;
}

.start_menu_name {
	font-size: 33px;
	font-weight: bold;
	width: 545px;
	margin-left: 21px;
	line-height: 1.3;
	font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", HiraMinProN-W6, HG–¾’©E, "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", Meiryo, serif;
	color: #33ffcc;
	text-shadow: rgb(49, 43, 46) 5px 6px 3px;
	text-decoration: none;
}

.tp180 {
	bottom: 140px!important;
}

.spread div.anim {
	animation: Flash1 3s infinite;
}

@keyframes Flash1 {
	0% {
		        box-shadow:0px 0px 10px 2px #2cd0da;
		   -moz-box-shadow:0px 0px 10px 2px #2cd0da;
		-webkit-box-shadow:0px 0px 10px 2px #2cd0da;
	}
	
	60% {
		        box-shadow:0px 0px 20px 5px #2cd0da;
		   -moz-box-shadow:0px 0px 20px 5px #2cd0da;
		-webkit-box-shadow:0px 0px 20px 5px #2cd0da;
	}
	
	40% {
		        box-shadow:0px 0px 20px 5px #2cd0da;
		   -moz-box-shadow:0px 0px 20px 5px #2cd0da;
		-webkit-box-shadow:0px 0px 20px 5px #2cd0da;
	}
	
	100% {
		        box-shadow:0px 0px 10px 2px #2cd0da;
		   -moz-box-shadow:0px 0px 10px 2px #2cd0da;
		-webkit-box-shadow:0px 0px 10px 2px #2cd0da;
	}
}