@charset "euc-jp";
/* ----------------------
 * result
 *---------------------- */
.res_top {
	width: 840px;
	height: 52px;
	margin: 0;
	background: url(../images/common/res_top.jpg) repeat-y;
	overflow: hidden;
}
.res_bg {
	width: 840px;
	margin: 0 0 -1px;
	background: url(../images/common/res_bg.jpg) repeat-y;
	overflow: hidden;
	padding-bottom: 20px;
}
.res_bt {
	width: 840px;
	height: 65px;
	margin: 0 auto 0;
	background: url(../images/common/res_bt.jpg) no-repeat;
	background-size: 100% 100%;
	clear: both;
}
.res_display_none {
	display: none;
}
.res_freelinkbox {
	width: 750px;
	margin: 15px auto 30px;
	padding: 10px;
	background-color:#171232;
	box-sizing: border-box;
	box-shadow:0px 0px 10px 3px #171232;
	-moz-box-shadow:0px 0px 10px 3px #171232;
	-webkit-box-shadow:0px 0px 10px 3px #171232;
}
.res_freelinkbox .res_freetext,
.res_freelinkbox .res_freetext2,
.res_freelinkbox .res_freetext3,
.res_freelinkbox .res_freetext4 {
	height:0px;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.res_freelinkbox .text2 {
	color: #ddd;
	font-size: 96%;
	text-align:left;
}
.res_freelinkbox label p {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 1.2em;
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}
.res_freelinkbox label p:hover{
	text-decoration: none;
}
.res_freelinkbox input[type="checkbox"].on-off {
	display: none;
}
.res_freelinkbox input[type="checkbox"].on-off:checked + .res_freetext {
	margin-top:20px;
	height: 1474px;
}
.res_freelinkbox input[type="checkbox"].on-off:checked + .res_freetext2 {
	margin-top:20px;
	height: 1474px;
}
.res_freelinkbox input[type="checkbox"].on-off:checked + .res_freetext3 {
	margin-top:20px;
	height: 100px;
}
.res_freelinkbox input[type="checkbox"].on-off:checked + .res_freetext4 {
	margin-top:20px;
	height: 230px;
}
.scroll_img1 {
	width: 730px;
	height: 239px;
	margin: 0 auto;
	background: url(../images/common/about_img1.jpg) no-repeat;
	background-size: 100% 100%;
}
.scroll_img2 {
    width: 680px;
    height: 1074px;
    margin: auto;
    background: url(../images/common/intro_img1.jpg) no-repeat;
    background-size: 100% 100%;
}
/* ----------------------
 * result
 *---------------------- */



/* ----------------------
 * result_info
 *---------------------- */
.res_info_top {
	width: 840px;
	height: 52px;
	background: url(../images/common/res_info_top.jpg) no-repeat;
}
.res_info_bg {
	width: 840px;
	height: 526px;
	margin: 0 0 -1px;
	background: url(../images/common/res_info_bg.jpg) no-repeat;
	box-sizing: border-box;
	padding-top: 80px;
}
.res_info_bg2 {
	width: 840px;
	height: 520px;
	margin: 0 0 -1px;
	background: url(../images/common/res_info_bg2.jpg) no-repeat;
	box-sizing: border-box;
	padding-top: 80px;
}
.res_info_bg3 {
	width: 840px;
	height: 407px;
	margin: 0 0 -1px;
	background: url(../images/common/res_info_bg3.jpg) no-repeat;
	box-sizing: border-box;
	padding-top: 60px;
}
.res_info_bt {
	width: 840px;
	height: 52px;
	background: url(../images/common/res_info_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_info_free {
	width: 900px;
	height: 400px;
	margin: 0 -30px;
	background: url(../images/common/res_info_free.jpg) no-repeat;
}
.res_info_box {
	margin: 0 110px;
	text-align: left;
}
.res_info_box2 {
	float: left;
	width: 280px;
	text-align: left;
}
.res_info_box3 {
	margin: 0 90px;
	padding-top: 30px;
	text-align: left;
}
.res_info_box4 {
	margin: 0 90px;
}
.res_info_box5 {
	float: right;
	width: 390px;
	text-align: left;
}
.res_info_box6 {
	margin: 30px 90px 0;
}
.res_info_box7 {
	float: left;
	width: 390px;
	text-align: left;
}/* ----------------------
 * result_info
 *---------------------- */

/* ----------------------
 * balloon
 *---------------------- */
.inp_balloon {
	width: 420px;
	margin: 0 0 0 330px;
	padding: 20px;
	background-color: rgba(0,0,0,0.5);
	box-shadow: 1px 1px 10px #000;
	border-radius: 10px;
	text-align: left;
}

.inp_balloon2 {
	width: 420px;
	margin: 0 0 0 50px;
	padding: 20px;
	background-color: rgba(0,0,0,0.5);
	box-shadow: 1px 1px 10px #000;
	text-align: left;
}

 /* ----------------------
 * balloon
 *---------------------- */



/* ----------------------
 * result_form
 *---------------------- */
.res_form_title1 {
	float: left;
	width: 200px;
	height: 54px;
	margin: 0;
	background: url(../images/common/res_form_title1.jpg) no-repeat;
}
.res_form_title2 {
	float: left;
	width: 200px;
	height: 54px;
	margin: 0;
	background: url(../images/common/res_form_title2.jpg) no-repeat;
}
.res_form_title3 {
	float: left;
	width: 200px;
	height: 54px;
	margin: 0;
	background: url(../images/common/res_form_title3.jpg) no-repeat;
}
.res_form_title5 {
	float: left;
	width: 200px;
	height: 54px;
	margin: 0;
	background: url(../images/common/res_form_title5.jpg) no-repeat;
}
.res_form_title1_2 {
	float: left;
	width: 200px;
	height: 54px;
	margin: 0;
	background: url(../images/common/res_form_title1-2.jpg) no-repeat;
}
.res_form_title2_2 {
	float: left;
	width: 200px;
	height: 54px;
	margin: 0;
	background: url(../images/common/res_form_title2-2.jpg) no-repeat;
}
.res_form_title3_2 {
	float: left;
	width: 200px;
	height: 54px;
	margin: 0;
	background: url(../images/common/res_form_title3-2.jpg) no-repeat;
}
.res_form_title5_2 {
	float: left;
	width: 200px;
	height: 54px;
	margin: 0;
	background: url(../images/common/res_form_title5-2.jpg) no-repeat;
}
.res_form_box {
	width: 670px;
	text-align: left;
	margin: 0 0 0 20px;
	clear: both;
}
.res_form_box2 {
	width: 710px;
	margin: 0 0 0 30px;
	text-align: left;
	clear: both;
}
.res_form_text {
	float: left;
	width: 450px;
	margin: 0;
	padding: 8px 0 0 20px;
}
.res_form_text p {
	font-size: 140%;
	color: #000;
}
.res_form_img {
	display: block;
	float: left;
}
.res_form_img img {
	display: block;
	float: left;
	margin: 0;
}
.res_form_bg {
	width: 710px;
	height: 244px;
	margin: 20px auto 0;
	padding: 15px 0 0 0;
	background: url(../images/common/res_form_bg1.jpg) no-repeat;
}
.res_form_bg2 {
	width: 710px;
	height: 244px;
	margin: 20px auto 0;
	padding: 15px 0 0 0;
	background: url(../images/common/res_form_bg2.jpg) no-repeat;
}
/* ----------------------
 * result_form
 *---------------------- */

 
 
 
/* ----------------------
 * result_type1
 *---------------------- */
.res_type1_my_top {
	width: 720px;
	height: 210px;
	margin: 0 auto;
	background: url(../images/common/res_type1_my_top.jpg) no-repeat;
}
.res_type1_my_top2 {
	width: 660px;
	height: 210px;
	margin: 10px auto 0;
	background: url(../images/common/res_type1_my_top2.jpg) no-repeat;
	clear: both;
}
.res_type1_my_top3 {
	width: 660px;
	height: 210px;
	margin: 30px auto 0;
	background: url(../images/common/res_type1_my_top3.jpg) no-repeat;
	clear: both;
}
.res_type1_you_top {
	width: 720px;
	height: 210px;
	margin: 0 auto;
	background: url(../images/common/res_type1_you_top.jpg) no-repeat;
}
.res_type1_you_top2 {
	width: 660px;
	height: 210px;
	margin: 10px auto 0;
	background: url(../images/common/res_type1_you_top2.jpg) no-repeat;
	clear: both;
}
.res_type1_you_top3 {
	width: 660px;
	height: 210px;
	margin: 30px auto 0;
	background: url(../images/common/res_type1_you_top3.jpg) no-repeat;
	clear: both;
}
.res_type1_box {
	margin: 0 50px;
}
.res_type1_box2 {
	float: left;
	width: 360px;
	height: 380px;
	margin: 20px 10px;
}
.res_type1_box3 {
	float: left;
	width: 400px;
	padding: 0 0 20px;
}
.res_type1_box4 {
	float: right;
	width: 300px;
	margin: 20px 0;
}
.res_type1_box5 {
	float: right;
	width: 420px;
}
.res_type1_img {
	display: block;
	width: 300px;
	height: 350px;
}
.res_type1_img2 {
	display: block;
	width: 300px;
	height: 350px;
}
/* ----------------------
 * result_type1
 *---------------------- */



/* ----------------------
 * result_type2
 *---------------------- */
.res_type2_top1_1 {
	width: 788px;
	height: 228px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top1_1.jpg) no-repeat;
	clear: both;
}
.res_type2_top1_2 {
	width: 788px;
	height: 228px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top1_2.jpg) no-repeat;
	clear: both;
}
.res_type2_top1_3 {
	width: 788px;
	height: 228px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top1_3.jpg) no-repeat;
	clear: both;
}
.res_type2_top1_4 {
	width: 788px;
	height: 228px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top1_4.jpg) no-repeat;
	clear: both;
}
.res_type2_top2_1 {
	width: 788px;
	height: 228px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top2_1.jpg) no-repeat;
	clear: both;
}
.res_type2_top2_2 {
	width: 788px;
	height: 228px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top2_2.jpg) no-repeat;
	clear: both;
}
.res_type2_top2_3 {
	width: 788px;
	height: 228px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top2_3.jpg) no-repeat;
	clear: both;
}
.res_type2_top2_4 {
	width: 788px;
	height: 228px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top2_4.jpg) no-repeat;
	clear: both;
}
.res_type2_top2_5 {
	width: 788px;
	height: 228px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top2_5.jpg) no-repeat;
	clear: both;
}
.res_type2_top2_6 {
	width: 788px;
	height: 228px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top2_6.jpg) no-repeat;
	clear: both;
}
.res_type2_top2_7 {
	width: 788px;
	height: 228px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top2_7.jpg) no-repeat;
	clear: both;
}
.res_type2_top3_1 {
	width: 788px;
	height: 262px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top3_1.jpg) no-repeat;
	clear: both;
}
.res_type2_top3_2 {
	width: 788px;
	height: 262px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top3_2.jpg) no-repeat;
	clear: both;
}
.res_type2_top3_3 {
	width: 788px;
	height: 262px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top3_3.jpg) no-repeat;
	clear: both;
}
.res_type2_top3_4 {
	width: 788px;
	height: 262px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top3_4.jpg) no-repeat;
	clear: both;
}
.res_type2_top4_1 {
	width: 788px;
	height: 262px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top4_1.jpg) no-repeat;
	clear: both;
}
.res_type2_top4_2 {
	width: 788px;
	height: 262px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top4_2.jpg) no-repeat;
	clear: both;
}
.res_type2_top4_3 {
	width: 788px;
	height: 262px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top4_3.jpg) no-repeat;
	clear: both;
}
.res_type2_top4_4 {
	width: 788px;
	height: 262px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_top4_4.jpg) no-repeat;
	clear: both;
}

.res_type2_box {
	width: 840px;
	margin: 0 auto;
}
.res_type2_bg {
	width: 792px;
	height: 855px;
	margin: 0 auto;
	position: relative;
}
.res_type2_bg.category1{
	background: url(../images/common/res_type1_over1.jpg) no-repeat;
}
.res_type2_bg.category2{
	background: url(../images/common/res_type2_over1.jpg) no-repeat;
}
.res_type2_bg.category3{
	background: url(../images/common/res_type1_over2.jpg) no-repeat;
}
.res_type2_bg.category4{
	background: url(../images/common/res_type2_over2.jpg) no-repeat;
}
.res_type2_bg.category5{
	background: url(../images/common/res_type1_over3.jpg) no-repeat;
}
.res_type2_bg.category6{
	background: url(../images/common/res_type2_over3.jpg) no-repeat;
}
.res_type2_bg.category7{
	background: url(../images/common/res_type1_over4.jpg) no-repeat;
}
.res_type2_bg.category8{
	background: url(../images/common/res_type2_over4.jpg) no-repeat;
}


.res_type2_you_top {
	width: 788px;
	height: 262px;
	margin: 0 auto 0;
	background: url(../images/common/res_type2_you_top.jpg) no-repeat;
	clear: both;
}

.res_type2_bg2 {
	width: 792px;
	height: 986px;
	margin: 0 auto;
	position: relative;
}
.res_type2_bg2.category1 {
	background: url(../images/common/res_type3_over1.jpg) no-repeat;
}
.res_type2_bg2.category2 {
	background: url(../images/common/res_type4_over1.jpg) no-repeat;
}
.res_type2_bg2.category3 {
	background: url(../images/common/res_type3_over2.jpg) no-repeat;
}
.res_type2_bg2.category4 {
	background: url(../images/common/res_type4_over2.jpg) no-repeat;
}
.res_type2_bg2.category5 {
	background: url(../images/common/res_type3_over3.jpg) no-repeat;
}
.res_type2_bg2.category6 {
	background: url(../images/common/res_type4_over3.jpg) no-repeat;
}
.res_type2_bg2.category7 {
	background: url(../images/common/res_type3_over4.jpg) no-repeat;
}
.res_type2_bg2.category8 {
	background: url(../images/common/res_type4_over4.jpg) no-repeat;
}

.res_type2_bg3 {
	width: 792px;
	height: 986px;
	margin: 0 auto;
	background: url(../images/common/res_type4_over1.jpg) no-repeat;
}
/* ----------------------
 * result_type2
 *---------------------- */



/* ----------------------
 * result_type3
 *---------------------- */
 



/* ----------------------
 * result_type3
 *---------------------- */



/* ----------------------
 * result_type4
 *---------------------- */
 


/* ----------------------
 * result_type4
 *---------------------- */



/* ----------------------
 * result_text
 *---------------------- */
.res_text_box {
	width: 660px;
	margin: 0 auto;
	text-align: left;
}
.res_text_box2 {
	width: 420px;
	margin: 0 auto;
	text-align: left;
}
/* ----------------------
 * result_text
 *---------------------- */
 


/* ----------------------
 * my_top & you_top
 *---------------------- */
.res_my_top {
	width: 840px;
	height: 122px;
	background: url(../images/common/res_my_top.jpg) no-repeat;
	clear: both;
}
.res_you_top {
	width: 840px;
	height: 122px;
	margin: 10px 0 0;
	background: url(../images/common/res_you_top.jpg) no-repeat;
	clear: both;
}
/* ----------------------
 * my_top & you_top
 *---------------------- */



/* ----------------------
 * result_pattern
 *---------------------- */
/* common------ */
.res_box1{
	width: 340px;
	float: left;
}
.res_box2 {
	text-align: left;
	padding: 20px 0 0;
	margin-right: 30px;
}
.res_box2 p{
	text-align: left;
}
.res_box3 {
	width: 740px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}
.res_box4 {
	margin-left: 50px;
}
.res_box5 {
	width: 340px;
	float: left;
}
.res_box6 {
	width: 420px;
	float: left;
	text-align: left;
	padding: 20px 0 0;
}
.res_box7 {
	width: 500px;
	text-align: left;
	float: left;
	padding: 20px 0 0 ;
	margin: 0 0 0 62px;
}
.res_box8 {
	width: 720px;
	text-align: left;
	margin: 20px auto 30px;
}
.res_box9 {
	width: 232px;
	height: 278px;
	float: left;
	text-align: left;
	padding: 20px 0 0;
	background: url(../images/common/res_type2_single.jpg) no-repeat;
	margin: 0 30px;
	position: relative;
}
.res_box10 {
	width: 232px;
	height: 372px;
	float: left;
	background: url(../images/common/res_type2_double.jpg) no-repeat;
	margin: 0 30px;
	position: relative;
}
.res_box11{
	margin: 0 auto;
}
.res_sub_bg .res_box11{
	margin-top: 30px;
}
.res_box_img1 {
	width: 232px;
	float: left;
	background: url(../images/common/res_sub_before.jpg) no-repeat;
}
.res_box_img2 {
	width: 232px;
	float: left;
	background: url(../images/common/res_sub_before.jpg) no-repeat;
}
.res_box_img3 {
	width: 270px;
	height: 345px;
	float: right;
	background: url(../images/common/res_img_R1.jpg) no-repeat;
}
.res_box_img4 {
	width: 270px;
	height: 345px;
	float: left;
	background: url(../images/common/res_img_L1.jpg) no-repeat;
}
.time_bg {
	width: 540px;
	height: 66px;
	background: url(../images/common/time_bg.gif) no-repeat;
	float: left;
}
.time_bg_box {
	margin: 0 50px;
	text-align:center;
	margin-top: 20px;
}
/* common------ */


/* 区切り線------ */
.res_rec_center {
	width: 596px;
	height: 20px;
	margin: 10px auto;
	background: url(../images/common/res_rec_center.jpg) no-repeat;
	background-size: 100% 100%;
}
/* 区切り線------ */

/* pattern1------ */
.res_sub_top {
	width: 740px;
	height: 24px;
	margin: 10px auto 0;
	background: url(../images/common/res_sub_before.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_bt {
	width: 740px;
	height: 24px;
	margin: 0 auto 10px;
	background: url(../images/common/res_sub_before.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_tl {
	text-align: center;
	}
.res_sub_bg {
	width: 750px;
	margin: 0 auto;
}
.res_sub_box {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 740px;
	height: auto;
}
.res_sub_box p.text3{
	text-align: left;
}
.res_sub_box2 {
	width: 700px;
	height: 86px;
	margin: 40px auto 0;
	text-align: center;
}


.res_sub_box3 {
	width: 700px;
	margin: 0 auto;
	text-align: center;
}

.res_sub_box4 {
	width: 500px;
	margin: 20px auto;
	color: #fff;
}

.res_sub_bg2 .res_sub_box {
	padding: 20px 0 0;
}
/* pattern1------ */

/* pattern2------ */
.res_sub_top2 {
	width: 762px;
	height: auto;
	margin: 10px auto 0;
	background: url(../images/common/res_sub_top2_bg.jpg) repeat-y;
	background-size: 100% auto;
}
.res_sub_top2::before {
	content:" ";
	width: 762px;
	height: 50px;
	display: block;
	background:url(../images/common/res_sub_top2_top.jpg) no-repeat;
	margin-top: 20px;
}
.res_sub_top2::after {
	content:" ";
	width: 762px;
	height: 50px;
	display: block;
	background:url(../images/common/res_sub_top2_bt.jpg) no-repeat;
	margin-bottom: 10px;
}

.res_sub_bg2 {
	width: 740px;
	margin: auto;
}
.res_sub_center2 {
	width: 840px;
	height: 100px;
	background: url(../images/common/.jpg) no-repeat;
	background-size: 100% 100%;
}
/* pattern2------ */

/* pattern3------ */
.res_sub_top3 {
	width: 840px;
	height: 100px;
	margin-top: 10px;
	background: url(../images/common/res_sub_tl2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_tl3 {
	width: 780px;
	height: 135px;
	margin: 0 auto 20px;
	background: url(../images/common/res_sub_tl2.jpg) repeat-y;
}
.res_sub_tl3 p.res_sub_text{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 250%;
	width: 780px;
	height: 135px;
	display: table-cell;
	vertical-align: middle;
}
.res_sub_bg3 {
	width: 840px;
	}
.res_sub_bt3 {
	width: 840px;
	height: 130px;
	background: url(../images/common/.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_center3 {
	width: 840px;
	height: 100px;
	background: url(../images/common/.jpg) no-repeat;
	background-size: 100% 100%;
}
/* pattern3------ */


/* dice------ */
.dice_top {
	width: 840px;
	height: 370px;
	margin: 0;
}
.dice_top.type1 {
	background: url(../images/common/dice_top1.jpg) no-repeat;
	background-size: 100% 100%;
}
.dice_top.type2 {
	background: url(../images/common/dice_top2.jpg) no-repeat;
	background-size: 100% 100%;
}
.dice_top.type3 {
	background: url(../images/common/dice_top3.jpg) no-repeat;
	background-size: 100% 100%;
}
.dice_top.type4 {
	background: url(../images/common/dice_top4.jpg) no-repeat;
	background-size: 100% 100%;
}
.dice_top.type5 {
	background: url(../images/common/dice_top5.jpg) no-repeat;
	background-size: 100% 100%;
}
.dice_bg{
	width: 840px;
	margin: 0 auto 0;
	padding: 20px 0 0 0;
	background: url(../images/common/dice_bg.jpg) repeat-y;
}
.dice_sub_top{
	width: 748px;
	height: 20px;
	margin: 0 auto 0;
	background: url(../images/common/dice_sub_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.dice_bt{
	width: 840px;
	height: 60px;
	margin: 0 auto;
	background: url(../images/common/dice_bt.jpg) no-repeat;
}


/* dice------ */


/* pattern4　著者アドバイス------ */
.res_sub_top4 {
	width: 840px;
	height: 155px;
	margin: 0;
	background: url(../images/common/res_sub_top2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_tl4 {
	width: 840px;
	background: url(../images/common/res_sub_tl4.jpg) repeat-y;
}
.res_sub_bg4 {
	width: 840px;
	background: url(../images/common/res_sub_bg4.jpg) repeat-y;
	clear: both;
}
.res_sub_bt4 {
	width: 840px;
	height: 100px;
	background: url(../images/common/res_sub_bt4.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_center4 {
	width: 840px;
	height: 90px;
	background: url(../images/common/res_sub_center4.jpg) no-repeat;
	background-size: 100% 100%;
}
/* pattern4------ */

/* pattern5------ */
.res_sub_top5 {
	width: 714px;
	height: 50px;
	margin: auto;
	background: url(../images/common/res_rec_sub_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_center5 {
	width: 840px;
	height:390px;
	background: url(../images/common/res_sub_center5.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_img5 {
	float:left;
	width: 340px;
	height: 400px;
	margin: 0 0 20px;
}
.res_sub_bg5 {
	width: 714px;
	margin: auto;
	background: url(../images/common/res_rec_sub_bg.jpg) repeat-y;
}
.res_sub_bt5 {
	width: 714px;
	height: 50px;
	margin: auto;
	background: url(../images/common/res_rec_sub_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_card_img {
	display: block;
}
/* pattern5------ */

/* pattern5------ */
.res_sub_top6 {
	width: 596px;
	height: 64px;
	margin: 10px auto 0;
	background: url(../images/common/res_rec_sub_top2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_bg6 {
	width: 596px;
	margin: 0 auto;
	background: url(../images/common/res_rec_sub_bg2.jpg) repeat-y;
}
.res_sub_bt6 {
	width: 596px;
	height: 20px;
	margin: 0 auto 10px;
	background: url(../images/common/res_rec_sub_bt2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_card_img {
	display: block;
}
/* pattern5------ */

/* ----------------------
 * result_pattern
 *---------------------- */



/* ----------------------
 * bokashi
 *---------------------- */
.text_img_s {
	width: 420px;
	height: 270px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_s.png) no-repeat;
}
.text_img_s3 {
	width: 400px;
	height: 270px;
	margin: 0;
	background: url(../images/common/text_img_s2.png) no-repeat;
	background-size: 100% auto;
	float: left;
}
.text_img_s3 p{
	color: #fff;
}
.text_img_m {
	width: 740px;
	height: 210px;
	margin: 0 auto;
	background: url(../images/common/text_img_m.png) no-repeat;
}
.text_img_m2 {
	width: 600px;
	height: 231px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_m3.png) no-repeat;
	background-size: 100% auto;
}
.text_img_m3 {
	clear: both;
	width: 740px;
	height: 270px;
	margin: 0 auto;
	background: url(../images/common/text_img_m3.png) no-repeat;
	background-size: 100% auto;
}
.text_img_m3 .all_res_btn_box1{
	padding-top: 100px;
}

.text_img_m3_l1{
	width: 740px;
	height: 350px;
	margin: 0 auto;
	background: url(../images/common/text_img_m3_l1.png) no-repeat;
	background-size: 100% auto;
}
.text_img_m3_l1 .all_res_btn_box1{
	padding-top: 205px;
}

.text_img_m3_l2{
	width: 740px;
	height: 660px;
	margin: 0 auto;
	background: url(../images/common/text_img_m3_l2.png) no-repeat;
	background-size: 100% auto;

}
.text_img_m3_l2 .all_res_btn_box1{
	padding-top: 510px;
}
.text_img_m3_l3{
	width: 740px;
	height: 570px;
	margin: 0 auto;
	background: url(../images/common/text_img_m3_l3.png) no-repeat;
	background-size: 100% auto;
}
.text_img_m3_l3 .all_res_btn_box1{
	padding-top: 450px;
}

.text_img_m3 p,
.text_img_m3_l1 p,
.text_img_m3_l2 p,
.text_img_m3_l3 p{
	color: #fff;
}
.text_img_m4 {
	width: 580px;
	height: 200px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_m4.png) no-repeat;
}
/* ----------------------
 * bokashi
 *---------------------- */

/* ----------------------
 * motif画像 仮作業ここから
 *---------------------- */
.kabara1 {
	width:  690px;
	margin: 80px auto 0;
}
.kabara2{
	width:  690px;
	margin: 0 auto;
}
/* カバラ日付テキスト */
.kabara_date{
	width: 550px;
	height: 60px;
	text-align: center;
	position: absolute;
	top: 70px;
	left: 120px;
}
.kabara_date p{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 200%;
	line-height:180%;
	width: 550px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
}
/* カバラ数字9割 */
.kabara_img1,
.kabara_img2,
.kabara_img3,
.kabara_img4,
.kabara_img5,
.kabara_img6,
.kabara_img7,
.kabara_img8,
.kabara_img9 {
	height: 230px;
	width: 230px;
	position: absolute;
}
.kabara_img1 img,
.kabara_img2 img,
.kabara_img3 img,
.kabara_img4 img,
.kabara_img5 img,
.kabara_img6 img,
.kabara_img7 img,
.kabara_img8 img,
.kabara_img9 img{
	height: 230px;
	width: 230px;
}

.kabara_img1 {top: 310px; left: 281px;}
.kabara_img2 {top: 80px; left: 281px;}
.kabara_img3 {top: 540px; left: 511px;}
.kabara_img4 {top: 310px; left: 511px;}
.kabara_img5 {top: 80px; left: 511px;}
.kabara_img6 {top: 540px; left: 51px;}
.kabara_img7 {top: 310px; left: 51px;}
.kabara_img8 {top: 80px; left: 51px;}
.kabara_img9 {top: 540px; left: 281px;}

/* カバラ数字カード用 */
.kabara_img_d1 img,
.kabara_img_d2 img{
	width: auto;
	height: 85%;
}
.kabara_img_s img{
	height: 230px;
	width: 230px;
}
.kabara_img_d1 {
	height: 186px;
	width: 164px;
	position: absolute;
	top: 5px;
	left: 0;
}
.kabara_img_d2 {
	height: 186px;
	width: 164px;
	position: absolute;
	top: 185px;
	left: 53px;
}
.kabara_img_s {
	height: 230px;
	width: 230px;
	position: absolute;
	top: 10px;
	left: 0;
}

/* カバラ数字18割 */
.res_type2_bg2 .kabara_img1,
.res_type2_bg2 .kabara_img2,
.res_type2_bg2 .kabara_img3,
.res_type2_bg2 .kabara_img4,
.res_type2_bg2 .kabara_img5,
.res_type2_bg2 .kabara_img6,
.res_type2_bg2 .kabara_img7,
.res_type2_bg2 .kabara_img8,
.res_type2_bg2 .kabara_img9 {
	height: 192px;
	width: 192px;
	position: absolute;
}
.res_type2_bg2 .kabara_img1 img,
.res_type2_bg2 .kabara_img2 img,
.res_type2_bg2 .kabara_img3 img,
.res_type2_bg2 .kabara_img4 img,
.res_type2_bg2 .kabara_img5 img,
.res_type2_bg2 .kabara_img6 img,
.res_type2_bg2 .kabara_img7 img,
.res_type2_bg2 .kabara_img8 img,
.res_type2_bg2 .kabara_img9 img{
	height: 192px;
	width: 192px;
}
.kabara2_img10,
.kabara2_img11,
.kabara2_img12,
.kabara2_img13,
.kabara2_img14,
.kabara2_img15,
.kabara2_img16,
.kabara2_img17,
.kabara2_img18 {
	height: 160px;
	width: 160px;
	position: absolute;
}
.kabara2_img10 img,
.kabara2_img11 img,
.kabara2_img12 img,
.kabara2_img13 img,
.kabara2_img14 img,
.kabara2_img15 img,
.kabara2_img16 img,
.kabara2_img17 img,
.kabara2_img18 img{
	height: 160px;
	width: 160px;
}
.res_type2_bg2 .kabara_img1 {top: 174px;left: 297px;}
.res_type2_bg2 .kabara_img2 {top: 220px;left: 497px;}
.res_type2_bg2 .kabara_img3 {top: 415px;left: 576px;}
.res_type2_bg2 .kabara_img4 {top: 610px;left: 565px;}
.res_type2_bg2 .kabara_img5 {top: 732px;left: 395px;}
.res_type2_bg2 .kabara_img6 {top: 732px;left: 202px;}
.res_type2_bg2 .kabara_img7 {top: 610px;left: 32px;}
.res_type2_bg2 .kabara_img8 {top: 415px;left: 20px;}
.res_type2_bg2 .kabara_img9 {top: 220px;left: 99px;}

.kabara2_img10 {top: 340px;left: 190px;}
.kabara2_img11 {top: 340px;left: 320px;}
.kabara2_img12 {top: 340px;left: 435px;}
.kabara2_img13 {top: 470px;left: 190px;}
.kabara2_img14 {top: 470px;left: 320px;}
.kabara2_img15 {top: 470px;left: 435px;}
.kabara2_img16 {top: 600px;left: 190px;}
.kabara2_img17 {top: 600px;left: 320px;}
.kabara2_img18 {top: 600px;left: 435px;}

/* カバラ数字9割 日時有り */
.kabara3_img1 img,
.kabara3_img2 img,
.kabara3_img3 img,
.kabara3_img4 img,
.kabara3_img5 img,
.kabara3_img6 img,
.kabara3_img7 img,
.kabara3_img8 img,
.kabara3_img9 img{
	height: 230px;
	width: 230px;
}
.kabara3_img1 {
	height: 230px;
	width: 230px;
	position: absolute;
	top: 210px;
	left: 50px;
}
.kabara3_img2 {
	height: 230px;
	width: 230px;
	position: absolute;
	top: 210px;
	left: 280px;
}

.kabara3_img3 {
	height: 230px;
	width: 230px;
	position: absolute;
	top: 210px;
	left: 510px;
}
.kabara3_img4 {
	height: 230px;
	width: 230px;
	position: absolute;
	top: 440px;
	left: 50px;
}
.kabara3_img5 {
	height: 230px;
	width: 230px;
	position: absolute;
	top: 440px;
	left: 280px;
}

.kabara3_img6 {
	height: 230px;
	width: 230px;
	position: absolute;
	top: 440px;
	left: 550px;
}
.kabara3_img7 {
	height: 230px;
	width: 230px;
	position: absolute;
	top: 670px;
	left: 50px;
}
.kabara3_img8 {
	height: 230px;
	width: 230px;
	position: absolute;
	top: 670px;
	left: 280px;
}

.kabara3_img9 {
	height: 230px;
	width: 230px;
	position: absolute;
	top: 670px;
	left: 510px;
}
/*  */
.kabara_text_s,
.kabara_text_d1,
.kabara_text_d2{
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #fff;
	text-shadow: 1px 1px 10px #000, 1px 1px 10px #000, 1px 1px 10px #000, 1px 1px 20px #000, 1px 1px 30px #000;
}
.kabara_text_s{
	width: 230px;
	font-size: 140%;
	position: absolute;
	bottom: 45px;
}
.kabara_text_d1{
	width: 165px;
	font-size: 130%;
	position: absolute;
	bottom: 205px;
}
.kabara_text_d2{
	width: 165px;
	font-size: 130%;
	position: absolute;
	bottom: 25px;
	left: 55px;
}
/* ----------------------
 * motif画像 仮作業ここまで
 *---------------------- */
.dice_img {
	position: relative;
	width: 620px;
	height: 440px;
	margin: 0 auto;
	background: url(../images/common/res_tarot_bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_tarot_bg{
	position: absolute;
	width: 620px;
	height: 440px;
	background: url(../images/common/res_tarot_bg1-2.png) no-repeat;
	background-size: 100% 100%;
}
.res_tarot_bg2,
.res_tarot_bg3 {
	position: absolute;
	width: 620px;
	height: 410px;
	top: 15px;
	opacity:0;
	display:none;
}
.res_tarot_bg2 {
	background: url(../images/common/res_tarot_bg2.png) no-repeat;
	background-size: 100% 100%;
}
.res_tarot_bg3 {
	background: url(../images/common/res_tarot_bg2-2.png) no-repeat;
	background-size: 100% 100%;
}
.res_tarot_bg2 img,
.res_tarot_bg3 img {
	display: block;
	position: absolute;
}
.dice_b1 {width: 200px; height: 200px; top: 130px; left: 90px;}
.dice_b2 {width: 200px; height: 200px; top: 120px; left: 320px;}
.dice_btn{
	position: absolute;
	width: 520px;
	height: 130px;
	top: 350px;
	left: 50px;
	display: none;
}
.dice_btn img {
	cursor: pointer;
}
/* ダイス　アニメ用 */
.scroll_box {
	overflow:hidden;
	display:none;
}
.tarot_base {
	position: absolute;
	width: 620px;
	height: 440px;
	background: url(../images/common/tarot_base.png) no-repeat;
	background-size: 100% 100%;
}
.tarot_dice1 {
	position: absolute;
	width: 80px;
	height: 80px;
	background: url(../images/common/res_anime_card_101.png) no-repeat;
	background-size: 100% 100%;
	top: 140px;
	left: 330px;
}
.tarot_dice2 {
	position: absolute;
	width: 80px;
	height: 80px;
	background: url(../images/common/res_anime_card2_104.png) no-repeat;
	background-size: 100% 100%;
	top: 250px;
	left: 200px;
}
.run1 {
	background: url(../images/common/tarot_sai1_anim.png) no-repeat;
	background-size: 100% 100%;
}
.run2 {
	background: url(../images/common/tarot_sai2_anim.png) no-repeat;
	background-size: 100% 100%;
}
.tarot_dice1_2 {background: url(../images/common/res_anime_card_102.png) no-repeat; background-size: 100% 100%;}
.tarot_dice2_3 {background: url(../images/common/res_anime_card2_104.png) no-repeat; background-size: 100% 100%;}
/* ダイス　結果用 */
.dice_img1 {
	height: 230px;
	width: 230px;
	margin: 108px 0 0 92px;
	position: absolute;
}
.dice_img2 {
	height: 230px;
	width: 230px;
	margin: 108px 0 0 322px;
	position: absolute;
}

/* ----------------------
 * motif画像
 *---------------------- */

/* ----------------------
 * result_photo
 *---------------------- */
.res_img_L1 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_L1.jpg) no-repeat;
	margin-left: -50px;
}
.res_img_L2 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_L2.jpg) no-repeat;
	margin-left: -50px;
}
.res_img_L3 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_L3.jpg) no-repeat;
	margin-left: -50px;
}
.res_img_L4 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_L4.jpg) no-repeat;
	margin-left: -50px;
}
.res_img_L5 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_L5.jpg) no-repeat;
	margin-left: -50px;
}
.res_img_R1 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_R1.jpg) no-repeat;
}
.res_img_R2 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_R2.jpg) no-repeat;
}
.res_img_R3 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_R3.jpg) no-repeat;
}
.res_img_R4 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_R4.jpg) no-repeat;
}
.res_img_R5 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_R5.jpg) no-repeat;
}
.res_img_m {
	width: 340px;
	height: 440px;
	background: url(../images/common/res_img_m.jpg) no-repeat;
}
.res_box2 p.res_img_R1,
.res_box2 p.res_img_R2,
.res_box2 p.res_img_R3,
.res_box2 p.res_img_R4,
.res_box2 p.res_img_R5{
	width: 340px;
	float: right;
	margin-right: -30px;
}
/* ----------------------
 * result_photo
 *---------------------- */
 
 
 
/* ----------------------
 * all_button
 *---------------------- */
.all_res_btn_box1 {
	margin: 0 auto;
	text-align: center;
	padding-top: 75px;
}
.all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 75px;
}
.text_img_m4 .all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 35px;
}
.res_rec_bg .all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 35px;
}
.res_rec_sub_bg2 .all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 25px;
}
.all_res_btn_box3 {
	margin: 0 auto;
	text-align: center;
	padding-top: 75px;
}
.all_res_btn_box1 img, .all_res_btn_box2 img, .all_res_btn_box3 img, .all_res_btn_box1 input, .all_res_btn_box2 input, .all_res_btn_box3 input {
	width: 300px;
	height: 90px;
}
/* ----------------------
 * all_button
 *---------------------- */
 


/* ----------------------
 * read_menu
 *---------------------- */
.res_rec_top {
	width: 840px;
	height: 330px;
	background: url(../images/common/res_rec_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_top2 {
	width: 840px;
	height: 330px;
	background: url(../images/common/res_rec_top2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_top3 {
	width: 840px;
	height: 330px;
	background: url(../images/common/res_rec_top3.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_bg {
	width: 840px;
	padding: 30px 0 0;
	background: url(../images/top/new_bg.jpg) repeat-y;
}
.res_rec_bt {
	width: 840px;
	height: 100px;
	background: url(../images/top/new_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_free {
	width: 900px;
	height: 440px;
	margin: 0 -30px 30px;
	background: url(../images/common/res_rec_free.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_free2 {
	width: 900px;
	height: 390px;
	margin: 0 -30px;
	background: url(../images/common/res_rec_free.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_sub_top {
	width: 600px;
	height: 40px;
	background: url(../images/common/res_rec_sub_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_sub_bg .res_rec_sub_box {
	width: 600px;
	margin: 20px auto;
	box-sizing: border-box;
	padding: 10px 20px;
	border-top: 2px double #fff;
	border-bottom: 2px double #fff;
	text-align: center;
}
.res_rec_sub_top2 {
	width: 600px;
	height: 64px;
	background: url(../images/common/res_rec_sub_top2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_sub_bg2 {
	width: 600px;
	background: url(../images/common/res_rec_sub_bg2.jpg) repeat-y;
	background-size: 100%;
}
.res_rec_sub_box2 {
	width: 520px;
	margin: 0 40px 0;
}
.res_rec_sub_bt2 {
	width: 600px;
	height: 20px;
	margin: 20px 0 0;
	background: url(../images/common/res_rec_sub_bt2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_sub_top3 {
	width: 600px;
	height: 20px;
	margin: 20px auto -2px;
	background: url(../images/common/res_rec_sub_top3.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_sub_bg3 {
	width: 600px;
	margin: 0 auto -2px;
	background: url(../images/common/res_rec_sub_bg2.jpg) repeat-y;
	background-size: 100%;
}
.res_rec_sub_bg3 input {
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 90px;
}
.res_rec_sub_box3 {
	margin: 0 20px;
}
.res_rec_sub_bt3 {
	width: 600px;
	height: 20px;
	margin: 0 auto -2px;
	background: url(../images/common/res_rec_sub_bt2.jpg) no-repeat;
	background-size: 100% 100%;
}
.rec_star_icon {
	float: left;
	width: 12px;
	height: 12px;
	margin: 8px 3px 0 0;
	background: url(../images/common/rec_star_icon.gif) no-repeat;
	clear: both;
}
.rec_list_box {
	float: left;
	width: 500px;
}
.res_bg .inp_menu_box .use_pc{
	width: 714px;
	height: 160px;
	margin: 20px auto;
	background: url(../images/common/res_rec_sub_top.jpg)center top no-repeat,
		 url(../images/common/res_rec_sub_bt.jpg) center bottom no-repeat,
		 url(../images/common/res_rec_sub_bg.jpg)center repeat-y;
	background-size: 100% auto, 100% auto, 100% auto;
	box-sizing: border-box;
	padding-top: 48px;
	padding-left: 60px;
}
.res_bg .inp_menu_box{
	margin: 0 auto;
	
}
.res_bg .inp_menu_box .res_rec_sub_bg2{
	margin: 0 auto;
}
.res_bg .inp_menu_box p.text3,
.res_bg .inp_menu_box .text_img_m2{
	width: 600px;
	margin: 0 auto;
}
/* ----------------------
 * read_menu
 *---------------------- */



/* ----------------------
 * yahoo_pr
 *---------------------- */
.ya_pr_box {
	margin: 0 auto;
	text-align: center;
	margin-top:20px;
}
.ya_pr_box2 {
	margin: 0 170px;
	text-align: center;
	width: 500px;
	background-color:#e1d6bf;
}
.ya_pr_box3 {
	width:540px;
	margin:20px 150px 0;
	text-align: center;
	background-color:#e1d6bf;
}
.ya_pr_sub_box2 {
	padding: 15px 0;
}
.ya_pr_sub_box3 {
	width:270px;
	float:left;
	font-size:small;
}
.ya_pr_sub_box3 img {
	margin:10px 0;
	width: 240px;
	height: 40px;
	border: none;
}
.ya_pr_text1 {
	padding: 5px 0;
	color:#402100;
	font-size:small;
}
.ya_pr_text2 {
	width:240px;
	margin:0 15px;
	text-align:left;
	padding-bottom:15px;
}
input[type="image"]{
	cursor: pointer;
}
/* ----------------------
 * yahoo_pr
 *---------------------- */
 
 
 
 /* ----------------------
 * result_isp_sns
 *---------------------- */ 
.result_isp_sns {
}
.res_sns_text {
	width: 450px;
	height: 190px;
	margin: 0 auto;
	background: url(../images/common/res_sns_text.png) no-repeat;
	background-size: 100% 100%;
}
.facebook1 {
	text-decoration: none;
	margin: 0 5px;
}
.twitter1 {
	text-decoration: none;
}
.line1 {
	text-decoration: none;
}
/* ----------------------
 * result_isp_sns
 *---------------------- */ 
.z_index_text span,
.dice_top span,
.res_type2_top1_1 span,
.res_type2_top1_2 span,
.res_type2_top1_3 span,
.res_type2_top1_4 span,
.res_type2_top2_1 span,
.res_type2_top2_2 span,
.res_type2_top2_3 span,
.res_type2_top2_4 span,
.res_info_top span,
.res_form_my_top span,
.res_form_you_top span,
.res_my_top span,
.res_my_top2 span,
.res_my_top3 span,
.res_my_top4 span,
.res_my_top5 span,
.res_my_top6 span,
.res_my_top7 span,
.res_my_top8 span,
.res_you_top span,
.res_you_top2 span,
.res_you_top3 span,
.res_you_top4 span,
.res_you_top5 span,
.res_you_top6 span,
.res_you_top7 span,
.res_you_top8 span,
.res_type1_top span,
.res_type1_top2 span,
.res_type1_my_top span,
.res_type1_my_top2 span,
.res_type1_my_top3 span,
.res_type1_my_top4 span,
.res_type1_my_top5 span,
.res_type1_you_top span,
.res_type1_you_top2 span,
.res_type1_you_top3 span,
.res_type1_you_top4 span,
.res_type1_you_top5 span,
.res_type1_my_sub span,
.res_type1_my_sub2 span,
.res_type1_my_sub3 span,
.res_type1_my_sub4 span,
.res_type1_you_sub span,
.res_type1_you_sub2 span,
.res_type1_you_sub3 span,
.res_type1_you_sub4 span,
.res_type2_top span,
.res_type2_my_top span,
.res_type2_my_top2 span,
.res_type2_my_top3 span,
.res_type2_my_top4 span,
.res_type2_my_top5 span,
.res_type2_you_top span,
.res_type2_you_top2 span,
.res_type2_you_top3 span,
.res_type2_you_top4 span,
.res_type2_you_top5 span,
.res_type2_my_sub span,
.res_type2_you_sub span,
.res_type3_top span,
.res_type3_my_top span,
.res_type3_my_top2 span,
.res_type3_my_top3 span,
.res_type3_you_top span,
.res_type3_you_top2 span,
.res_type3_you_top3 span,
.res_type3_txt span,
.res_type3_txt2 span,
.res_type4_top span,
.res_type4_my_top span,
.res_type4_you_top span,
.res_form_title1 span,
.res_form_title2 span,
.res_form_title3 span,
.res_form_title4 span,
.res_form_title5 span,
.res_form_title7 span,
.res_form_title1_2 span,
.res_form_title2_2 span,
.res_form_title3_2 span,
.res_form_title5_2 span,
.res_form_sub span,
.res_sub_top4 span,
.res_sub_top5_you span,
.res_sub_top5 span,
.res_sub_img5 span,
.res_rec_top span,
.res_rec_top2 span,
.res_rec_top3 span,
.res_rec_free span,
.res_rec_free2 span,
.res_rec_sub_top2 span,
.res_sns_text span,
.limit_top span,
.limit_top2 span,
.res_info_free span,
.at_top span,
.at_top2 span {
	position:relative;
	z-index:-1;
}