@charset "euc-jp";
/* ----------------------
 * common
 *---------------------- */


/* ----------------------
 * top intro
 *---------------------- */
.top_intro_headline strong {
    color: #fffc01;
    font-style: normal;
    font-weight: bold;
    font-size: 120%;
}
.top_intro_top {
	width: 840px;
	height: 60px;
	margin: 0 auto 10px;
	background: url(../images/common/res_top.jpg) no-repeat;
	background-size: 100% 100%;
}

.top_intro_top1 {
	width: 840px;
	height: 440px;
	margin: 0 auto 10px;
	background: url(../images/top/top_intro_top1.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_top2 {
	width: 840px;
	height: 185px;
	margin: 0 auto 10px;
	background: url(../images/top/top_intro_top2.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_top3 {
	width: 840px;
	height: 185px;
	margin: 0 auto 10px;
	background: url(../images/top/top_intro_top3.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_top4 {
	width: 840px;
	height: 185px;
	margin: 0 auto 10px;
	background: url(../images/top/top_intro_top4.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_top5 {
	width: 840px;
	height: 110px;
	margin: 0 auto 10px;
	background: url(../images/top/top_intro_top5.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_bg {
	background-image: url(../images/common/res_bg.jpg);
	background-repeat: repeat-y;
	background-size: 100% auto;
	width: 840px;
}
.top_intro_bt {
	width: 840px;
	height: 60px;
	margin: 0px auto 0;
	background: url(../images/common/res_bt.jpg) no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
}

.intro_animebox1,
.intro_animebox2,
.intro_animebox3 {
	width: 840px;
	overflow: hidden;
	margin: 0 auto 20px;
	/*position: relative;*/
}
.intro_animebox2,
.intro_animebox3 {
	margin-top: 0px;
}

.top_intro_headline {
	width: 800px;
    margin: 10px auto 20px;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
    font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGPÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
    color: #fff;
    font-size: 120%;
    line-height: 150%;
    background-color: #1f286a;
    border-radius: 16px;
    word-break: break-all;
}

.top_intro_sample {
	width: 730px;
	margin: 0 auto 10px;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGPÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	color: #fff;
	font-size: 135%;
	text-align: right;
}

.top_intro_bg .res_type_none {
	display: none !important;
}
.top_intro_sub{
	position: relative;
	width: 820px;
	margin: 0 auto;
}
/*¥Æ¥­¥¹¥È*/

.intro_animebox2 .side_by_side {
	width: 95%;	
	margin: 15px auto;
	padding: 10px;
	box-sizing: border-box;
	position: absolute;
    left: 20px;
    top: 30px;
    z-index: 10;
}
.intro_animebox2 .my_name{
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	width: 40%;
	color: #fff;
	text-shadow: 0 0 20px #ffb400, 0 0 20px #ffb400, 0 0 10px #ffb400;
	font-size: 110%;
	text-align: center;
	line-height: 160%;
	padding:  0;
	margin-right: 0;
	float: left;
}
.intro_animebox2 .you_name{
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	width: 40%;	
	color: #fff;
	text-shadow: 0 0 20px #ffe533, 0 0 20px #ffe533, 0 0 10px #ffe533;
	font-size: 110%;
	text-align: center;
	line-height: 160%;
	padding:  0;
	float: right;
}
.intro_animebox2 .single_name,
.intro_animebox2 .single_name_you {
	width: 100%;	
	margin: 0 auto;
	color: #fff;
	text-shadow: 0 0 20px #ffb400, 0 0 20px #ffb400, 0 0 10px #ffb400;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	font-size: 110%;
	text-align: center;
	line-height: 160%;
	padding:  0;
}


/* ----------------------
 * result¶¦ÄÌ
 *---------------------- */
.res_top_top{
	width: 840px;
	height: 230px;
	margin: 0 auto;
	background: url(../images/top/res_top_top.jpg) no-repeat;
	background-size: 100% 100%;

}
.res_top_top2{
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	color: #ffeb7c;
	text-shadow: 0 0 20px #000, 0 0 20px #000, 0 0 10px #000;
	font-size: 260%;
	text-align: center;
	line-height: 160%;
}
.res_top_top3{
	width: 800px;
	margin: 0 auto 20px;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	color: #ffeb7c;
	text-shadow: 0 0 20px #000, 0 0 20px #000, 0 0 10px #000;
	font-size: 160%;
	text-align: center;
	line-height: 160%;
	background-color: #49101d;
	box-sizing: border-box;
	padding: 10px;
}
.res_top_btnbox{
	width: 840px;
	display: flex;
}
.res_top_bt{
	width: 840px;
	height: 50px;
	background-image: url(../images/common/res_top_bt.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
/*----------------------
 * result¶¦ÄÌ
 *---------------------- */
/* ----------------------
 * result_type1
 *---------------------- */
.top_cal_bg.type_cal{
	width: 840px;
	background-image: url(../images/common/top_cal_bg.jpg);
	margin: 0 auto;
	background-size: 100% auto;
	background-repeat: repeat-y;
}
.top_cal_bg [class^="res_type1_top"]{
	width: 840px;
	height: 230px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 0;
}
.top_cal_bg .res_type1_top1{background-image: url(../images/result/res_type1_top1.jpg);}
.top_cal_bg .res_type1_top2{background-image: url(../images/result/res_type1_top2.jpg);}
.top_cal_bg .res_type1_top3{background-image: url(../images/result/res_type1_top3.jpg);}
.top_cal_bg .res_type1_top4{background-image: url(../images/result/res_type1_top4.jpg);}

.top_cal_bg .res_type1_bg1{
	width: 840px;
	height: 1170px;
	background-image: url(../images/result/type/res_type1_bg1.jpg);
	margin: 0 auto 30px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
.top_cal_bg.type_cal .res_type1_bg1{
	height: 1135px;
	margin: 0 auto;
}
.top_cal_bg .res_type1_bg1.type_you{
	background-image: url(../images/result/type/res_type1_bg3.jpg);
}
.top_cal_bg .res_type1_bg2{
	width: 840px;
	height: 2305px;
	background-image: url(../images/result/type/res_type1_bg2.jpg);
	margin: 0 auto 30px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	overflow: hidden;
}

.top_cal_bg .res_type1_mybox,
.top_cal_bg .res_type1_youbox{
	position: relative;
}
.top_cal_bg .res_type1_mybox{left: 0;top: 0px;}
.top_cal_bg .res_type1_youbox{left: 0;top: 1134px;}

.top_cal_bg .st_type1 strong:nth-of-type(2),
.top_cal_bg .st_type2 strong:nth-of-type(2),
.top_cal_bg .st_type2 strong:nth-of-type(4){ color: #ffb9b9;}

.top_cal_bg .res_type1_nbox{
	width: 800px;
	box-sizing: border-box;
	padding: 10px;
	position: absolute;
	left: 20px;
	top: 20px;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	font-size: 140%;
	line-height: 1.5;
	color: #fff;
	background-color: #49101d;
}
.top_cal_bg .res_type1_kbox{
	width: 180px;
	height: 180px;
	position: absolute;
}
.top_cal_bg .res_type1_kbox img{
	width: 60px;
	height: 60px;
	position: absolute;
}
.top_cal_bg .res_type1_kbox img:nth-of-type(1){left: 0; top: 0;}
.top_cal_bg .res_type1_kbox img:nth-of-type(2){left: 60px; top: 0;}
.top_cal_bg .res_type1_kbox img:nth-of-type(3){left: 120px; top: 0;}
.top_cal_bg .res_type1_kbox img:nth-of-type(4){left: 60px; top: 60px;}
.top_cal_bg .res_type1_kbox img:nth-of-type(5){left: 0; top: 120px;}
.top_cal_bg .res_type1_kbox img:nth-of-type(6){left: 120px; top: 120px;}

.top_cal_bg .res_type1_kbox img:nth-of-type(7){width: 80px; height: 50px; left: 50px; top: 201px;}

.top_cal_bg .res_type1_kbox > div:nth-of-type(2) img,
.top_cal_bg .res_type1_kbox > div:nth-of-type(3) img{width: 80px; height: 50px; left: 50px; top: 201px;}


.top_cal_bg .res_type1_hiwa img{
	width: 260px;
	height: 60px;
	position: absolute;
	left: 290px;
	top: 100px;
}


.top_cal_bg .res_type1_kbox.k5 img:nth-of-type(1){left: 0; top: 120px;}


.top_cal_bg [class^="res_type1_waku_"]{
	width: 180px;
	height: 180px;
	position: absolute;
}
.top_cal_bg .res_type1_waku_b{box-shadow: 0 0 10px #281899;}
.top_cal_bg .res_type1_waku_c{box-shadow: 0 0 10px #d48127;}
.top_cal_bg .res_type1_waku_g{box-shadow: 0 0 10px #0fab46;}
.top_cal_bg .res_type1_waku_r{box-shadow: 0 0 10px #f90000;}
.top_cal_bg .res_type1_waku_p{box-shadow: 0 0 10px #c51cd9;}

.top_cal_bg .k1{left: 330px; top: 540px;}
.top_cal_bg .k2{left: 515px; top: 170px;}
.top_cal_bg .k3{left: 145px; top: 355px;}
.top_cal_bg .k4{left: 145px; top: 170px;}
.top_cal_bg .k5{left: 330px; top: 355px;}
.top_cal_bg .k6{left: 515px; top: 540px;}
.top_cal_bg .k7{left: 515px; top: 355px;}
.top_cal_bg .k8{left: 145px; top: 540px;}
.top_cal_bg .k9{left: 330px; top: 170px;}

.top_cal_bg .res_type1_pbox img{
	width: 60px;
	height: 60px;
	position: absolute;
}

.top_cal_bg .res_type1_pbox .k1_tl{left: 330px; top: 540px;}
.top_cal_bg .res_type1_pbox .k1_tc{left: 390px; top: 540px;}
.top_cal_bg .res_type1_pbox .k1_tr{left: 450px; top: 540px;}
.top_cal_bg .res_type1_pbox .k1_cc{left: 390px; top: 600px;}
.top_cal_bg .res_type1_pbox .k1_bl{left: 330px; top: 660px;}
.top_cal_bg .res_type1_pbox .k1_bc{left: 390px; top: 660px;}
.top_cal_bg .res_type1_pbox .k1_br{left: 450px; top: 660px;}

.top_cal_bg .res_type1_pbox .k2_tl{left: 515px; top: 170px;}
.top_cal_bg .res_type1_pbox .k2_tc{left: 575px; top: 170px;}
.top_cal_bg .res_type1_pbox .k2_tr{left: 635px; top: 170px;}
.top_cal_bg .res_type1_pbox .k2_cc{left: 575px; top: 230px;}
.top_cal_bg .res_type1_pbox .k2_bl{left: 515px; top: 290px;}
.top_cal_bg .res_type1_pbox .k2_bc{left: 575px; top: 290px;}
.top_cal_bg .res_type1_pbox .k2_br{left: 635px; top: 290px;}

.top_cal_bg .res_type1_pbox .k3_tl{left: 145px; top: 355px;}
.top_cal_bg .res_type1_pbox .k3_tc{left: 205px; top: 355px;}
.top_cal_bg .res_type1_pbox .k3_tr{left: 265px; top: 355px;}
.top_cal_bg .res_type1_pbox .k3_cc{left: 205px; top: 415px;}
.top_cal_bg .res_type1_pbox .k3_bl{left: 145px; top: 475px;}
.top_cal_bg .res_type1_pbox .k3_bc{left: 205px; top: 475px;}
.top_cal_bg .res_type1_pbox .k3_br{left: 265px; top: 475px;}

.top_cal_bg .res_type1_pbox .k4_tl{left: 145px; top: 170px;}
.top_cal_bg .res_type1_pbox .k4_tc{left: 205px; top: 170px;}
.top_cal_bg .res_type1_pbox .k4_tr{left: 265px; top: 170px;}
.top_cal_bg .res_type1_pbox .k4_cc{left: 205px; top: 230px;}
.top_cal_bg .res_type1_pbox .k4_bl{left: 145px; top: 290px;}
.top_cal_bg .res_type1_pbox .k4_bc{left: 205px; top: 290px;}
.top_cal_bg .res_type1_pbox .k4_br{left: 265px; top: 290px;}

.top_cal_bg .res_type1_pbox .k5_tl{left: 330px; top: 355px;}
.top_cal_bg .res_type1_pbox .k5_tc{left: 390px; top: 355px;}
.top_cal_bg .res_type1_pbox .k5_tr{left: 450px; top: 355px;}
.top_cal_bg .res_type1_pbox .k5_cc{left: 390px; top: 415px;}
.top_cal_bg .res_type1_pbox .k5_bl{left: 330px; top: 475px;}
.top_cal_bg .res_type1_pbox .k5_bc{left: 390px; top: 475px;}
.top_cal_bg .res_type1_pbox .k5_br{left: 450px; top: 475px;}

.top_cal_bg .res_type1_pbox .k6_tl{left: 515px; top: 540px;}
.top_cal_bg .res_type1_pbox .k6_tc{left: 575px; top: 540px;}
.top_cal_bg .res_type1_pbox .k6_tr{left: 635px; top: 540px;}
.top_cal_bg .res_type1_pbox .k6_cc{left: 575px; top: 600px;}
.top_cal_bg .res_type1_pbox .k6_bl{left: 515px; top: 660px;}
.top_cal_bg .res_type1_pbox .k6_bc{left: 575px; top: 660px;}
.top_cal_bg .res_type1_pbox .k6_br{left: 635px; top: 660px;}

.top_cal_bg .res_type1_pbox .k7_tl{left: 515px; top: 355px;}
.top_cal_bg .res_type1_pbox .k7_tc{left: 575px; top: 355px;}
.top_cal_bg .res_type1_pbox .k7_tr{left: 635px; top: 355px;}
.top_cal_bg .res_type1_pbox .k7_cc{left: 575px; top: 415px;}
.top_cal_bg .res_type1_pbox .k7_bl{left: 515px; top: 475px;}
.top_cal_bg .res_type1_pbox .k7_bc{left: 575px; top: 475px;}
.top_cal_bg .res_type1_pbox .k7_br{left: 635px; top: 475px;}

.top_cal_bg .res_type1_pbox .k8_tl{left: 145px; top: 540px;}
.top_cal_bg .res_type1_pbox .k8_tc{left: 205px; top: 540px;}
.top_cal_bg .res_type1_pbox .k8_tr{left: 265px; top: 540px;}
.top_cal_bg .res_type1_pbox .k8_cc{left: 205px; top: 600px;}
.top_cal_bg .res_type1_pbox .k8_bl{left: 145px; top: 660px;}
.top_cal_bg .res_type1_pbox .k8_bc{left: 205px; top: 660px;}
.top_cal_bg .res_type1_pbox .k8_br{left: 265px; top: 660px;}

.top_cal_bg .res_type1_pbox .k9_tl{left: 330px; top: 170px;}
.top_cal_bg .res_type1_pbox .k9_tc{left: 390px; top: 170px;}
.top_cal_bg .res_type1_pbox .k9_tr{left: 450px; top: 170px;}
.top_cal_bg .res_type1_pbox .k9_cc{left: 390px; top: 230px;}
.top_cal_bg .res_type1_pbox .k9_bl{left: 330px; top: 290px;}
.top_cal_bg .res_type1_pbox .k9_bc{left: 390px; top: 290px;}
.top_cal_bg .res_type1_pbox .k9_br{left: 450px; top: 290px;}

.top_cal_bg .res_type1_mbox2_1{
	width: 630px;
	height: 40px;
	padding: 0;
	position: absolute;
	top: 830px;
	left: 105px;
}
.top_cal_bg .res_type1_mbox2_2 > div,
.top_cal_bg .res_type1_mbox2_1 > div{
	width: 150px;
	height: 40px;
	box-sizing: border-box;
	text-align: center;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	font-size: 140%;
	line-height: 1.7;
	color: #49101d;
	position: absolute;
	top: 0;
}
.top_cal_bg .res_type1_mbox2_1 > div{	background-color: #f0eec1;}
.top_cal_bg .res_type1_bg1.type_you .res_type1_mbox2_1 > div,
.top_cal_bg .res_type1_youbox .res_type1_mbox2_1 > div{	background-color: #e5ddd0;}

.top_cal_bg .res_type1_mbox2_2 > div{	background-color: #fff;}

.top_cal_bg .res_type1_mbox2_1 > div:nth-of-type(1){left: 0;}
.top_cal_bg .res_type1_mbox2_1 > div:nth-of-type(2){left: 155px;}
.top_cal_bg .res_type1_mbox2_1 > div:nth-of-type(3){left: 310px;}
.top_cal_bg .res_type1_mbox2_1 > div:nth-of-type(4){left: 465px;}

.top_cal_bg .res_type1_mbox2_2{
	width: 630px;
	height: 60px;
	padding: 0;
	position: absolute;
	top: 873px;
	left: 105px;
}
.top_cal_bg .res_type1_mbox2_2 > div{height: 60px;padding-top: 10px;box-sizing: border-box;}

.top_cal_bg .res_type1_point{
	width: 150px;
	height: 100px;
	padding: 0;
	position: absolute;
	top: 830px;
	background: none;
	border: 3px solid #f00;
}

.top_cal_bg .res_type1_mbox2_2 > div:nth-of-type(1){left: 0;}
.top_cal_bg .res_type1_mbox2_2 > div:nth-of-type(2){left: 155px;}
.top_cal_bg .res_type1_mbox2_2 > div:nth-of-type(3){left: 310px;}
.top_cal_bg .res_type1_mbox2_2 > div:nth-of-type(4){left: 465px;}

.top_cal_bg .res_type1_point.p1{left: 102px;}
.top_cal_bg .res_type1_point.p2{left: 256px;}
.top_cal_bg .res_type1_point.p3{left: 412px;}
.top_cal_bg .res_type1_point.p4{left: 566px;}

.top_cal_bg .res_type1_point.p0{display: none;}


.top_cal_bg .res_type1_mbox3{
	width: 620px;
	padding: 20px 0;
	position: absolute;
	top: 980px;
	left: 105px;
	background-color: #f0eec1;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	font-size: 160%;
	color: #865249;
}
.top_cal_bg .res_type1_bg1.type_you .res_type1_mbox3,
.top_cal_bg .res_type1_youbox .res_type1_mbox3{	background-color: #e5ddd0;color: #865249;}

.top_cal_bg .res_type1_pickbg1{
	width: 840px;
	height: 295px;
	background-image: url(../images/result/type/res_type1_pickbg1.jpg);
	margin: 0 auto 30px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

.top_cal_bg .res_type1_pickbg1.type_you{
	background-image: url(../images/result/type/res_type1_pickbg2.jpg);
}
.top_cal_bg .res_type1_pickbg3{
	width: 840px;
	height: 555px;
	background-image: url(../images/result/type/res_type1_pickbg3.jpg);
	margin: 0 auto 30px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
.top_cal_bg .res_type1_pickbg1 .res_type1_kbox{
	left: 50px;
	top: 75px;
}
.top_cal_bg .res_type1_pickbg3 .res_type1_kbox.type_l{
	left: 80px;
	top: 60px;
}
.top_cal_bg .res_type1_pickbg3 .res_type1_kbox.type_r{
	left: 580px;
	top: 60px;
}

.top_cal_bg .res_type1_goo{
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	font-size: 26px;
	line-height: 1;
	text-align: center;
	color: #7f6884;
	width: 180px;
	height: 30px;
	position: absolute;
	top: -38px;
	left: 0;
}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox{
	position: absolute;
	left: 50px;
	top: 75px;
}

.top_cal_bg .res_type1_pickbg3 .res_type1_pbox.type_l{
	position: absolute;
	left: 80px;
	top: 60px;
}
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox.type_r{
	position: absolute;
	left: 580px;
	top: 60px;
}


.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .tl img,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .tl img{left: 0px; top: 0px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .tc img,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .tc img{left: 60px; top: 0px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .tr img,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .tr img{left: 120px; top: 0px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .cc img,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .cc img{left: 60px; top: 60px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .bl img,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .bl img{left: 0px; top: 120px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .bc img,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .bc img{left: 60px; top: 120px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .br img,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .br img{left: 120px; top: 120px;}

.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .tl ,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .tl {left: 0px; top: 0px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .tc ,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .tc {left: 60px; top: 0px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .tr ,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .tr {left: 120px; top: 0px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .cc ,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .cc {left: 60px; top: 60px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .bl ,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .bl {left: 0px; top: 120px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .bc ,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .bc {left: 60px; top: 120px;}
.top_cal_bg .res_type1_pickbg1 .res_type1_pbox .br ,
.top_cal_bg .res_type1_pickbg3 .res_type1_pbox .br {left: 120px; top: 120px;}

.top_cal_bg .res_check_img{
	width: 840px;
	height: 295px;
	position: absolute;
	top: 0px;
	left: 0;
}
.top_cal_bg .res_check_txt{
	width: 310px;
	height: 295px;
	display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
	left: 500px;
	top: 0px;
}
.top_cal_bg .res_check_txt span{
	width: 310px;
	background-color: #ffd1c6;
	text-align: center;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	font-size: 22px;
	color: #000;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
}
.top_cal_bg .res_check_txt strong,.top_cal_bg .res_check_txt2 strong{
	display: block;
	font-size: 35px;
	line-height: 1.5;
	color: #f00;
}
.top_cal_bg .res_check_txt2{
	width: 700px;
	height: 295px;
	display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
	left: 70px;
	top: 300px;
}
.top_cal_bg .res_check_txt2 span{
	width: 700px;
	background-color: #ffd1c6;
	text-align: center;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	font-size: 22px;
	color: #000;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
}
.top_cal_bg .res_type_none{display: none;}

/* ----------------------
 * result_type1
 *---------------------- */



/* ----------------------
 * result_type2
 *---------------------- */
/* ----------------------
 * result_type2
 *---------------------- */
.top_cal_bg .res_type3_box{
	background-color: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 10px;
	width: 760px;
	margin: 0 auto 20px;
}
.top_cal_bg .res_type3_tit1{
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	font-size: 130%;
	line-height: 1.5;
	color: #8a162c;
	text-align: left;
}
.top_cal_bg .res_type3_tit2{
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	font-size: 130%;
	color: #16348a;
	text-align: left;
}
.top_cal_bg .res_type3_text{
	font-size: 95%;
	line-height: 1;
	text-align: left;
	margin: 10px 0;
}

/* ----------------------
 * animation
 *---------------------- */
@keyframes fadein {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadein2 {
	0% {opacity: 0;filter: brightness(0);}
	50% {opacity: 1;filter: brightness(260%);}
	100% {opacity: 1;filter: brightness(100%);}
}
@keyframes fadein3 {
	0% {opacity: 0;transform: scale(1.5) translate(40%, -40%);}
	100% {opacity: 1;transform: scale(1) translate(0, 0);}
}
@keyframes fadeout {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeout2 {
    0% {opacity: 1;}
    100% {opacity: 0.3;}
}
@keyframes fadeinout {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}

.free_scroll_box {
	overflow: hidden;
	display: none;
}

.top_intro_bg .res_type1_bg1 .res_type1_pbox > img,
.top_intro_bg .res_type1_bg1 .res_type1_pbox [class^="res_type1_waku_"],
.top_intro_bg .res_type1_bg1 .res_type1_point,
.top_intro_bg .res_type1_bg2 .res_type1_pbox > img,
.top_intro_bg .res_type1_bg2 .res_type1_pbox [class^="res_type1_waku_"],
.top_intro_bg .res_type1_bg2 .res_type1_point,
.top_intro_bg .res_type1_pickbg3 .res_type1_hiwa img,
.top_intro_bg .res_check_txt span,
.top_intro_bg .res_check_txt2 span {
	opacity: 0;
}
.t_anime1_1 .res_type1_pbox > img,
.t_anime1_1 [class^="res_type1_waku_"],
.t_anime1_1 .res_type1_point {animation:fadein3 1.0s ease 0.5s 1 forwards;}

.t_anime1_2 .res_type1_hiwa img,
.t_anime1_2 .res_check_txt span,
.t_anime1_2 .res_check_txt2 span {animation:fadein 1.0s linear 0.3s 1 forwards;}
/* ----------------------
 * animation
 *---------------------- */

/* ----------------------
 * category_button
 *---------------------- */
a.navi1 {
	background: url(../images/top/navi1.jpg) no-repeat;
	float: left;
	width: 260px;
	height: 90px;
}
a.navi2 {
	background: url(../images/top/navi2.jpg) no-repeat;
	float: left;
	width: 260px;
	height: 90px;
}
a.navi3 {
	background: url(../images/top/navi3.jpg) no-repeat;
	float: left;
	width: 260px;
	height: 90px;
}

/*-----------------------*/
a.navi1:hover,a.navi2:hover,a.navi3:hover,a.navi4:hover{
	background-position: bottom;
}
/*-----------------------*/

.Layer5 {
	width: 260px;
	height: 90px;
	float: left;
}
.Layer6 {
	width: 260px;
	height: 90px;
	float: left;
}
.Layer7 {
	width: 260px;
	height: 90px;
	float: left;
}
.navi_box {
	width: 780px;
	height: 100px;
	margin: 40px auto 20px;
	text-align: center;
}
.navi_box2 {
	width: 840px;
	height: 100px;
	margin: 0 auto;
	text-align: center;
}
/* ----------------------
 * category_button
 *---------------------- */



/* ----------------------
 * category 1
 *---------------------- */
.cate_top1 {
	width: 840px;
	height: 120px;
	margin: 0 auto 15px;
	background: url(../images/top/cate_top1.jpg) no-repeat;
}
.cate_sp_top1 {
	width: 720px;
	height: 40px;
	background: url(../images/top/cate_sp_top1.jpg) no-repeat;
}
.cate_sp_bg1 {
	width: 720px;
	margin: 0 auto -1px;
	background: url(../images/top/cate_sp_bg1.jpg) repeat-y;
}
.cate_sp_bt1 {
	width: 720px;
	height: 60px;
	background: url(../images/top/cate_sp_bt1.jpg) no-repeat;
	background-size: 100% 100%;
}
.cate_bg1 {
	width: 840px;
	margin: 0 auto;
}
.cate_bt1 {
	display: none;
}
/* ----------------------
 * category 1
 *---------------------- */



/* ----------------------
 * category 2
 *---------------------- */
.cate_top2 {
	width: 840px;
	height: 120px;
	margin: 0 auto 15px;
	background: url(../images/top/cate_top2.jpg) no-repeat;
}
.cate_sp_top2 {
	width: 720px;
	height: 40px;
	background: url(../images/top/cate_sp_top2.jpg) no-repeat;
}
.cate_sp_bg2 {
	width: 720px;
	margin: 0 auto -1px;
}
.cate_sp_bt2 {
	width: 720px;
	height: 90px;
	background: url(../images/top/cate_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.cate_bg2 {
	width: 840px;
	margin: 0 auto;
}
.cate_bt2 {
	display: none;
}
/* ----------------------
 * category 2
 *---------------------- */



/* ----------------------
 * category 3
 *---------------------- */
.cate_top3 {
	width: 840px;
	height: 120px;
	margin: 0 auto 15px;
	background: url(../images/top/cate_top3.jpg) no-repeat;
}
.cate_sp_top3 {
	width: 720px;
	height: 40px;
	margin: 0 0;
	background: url(../images/top/cate_sp_top3.jpg) no-repeat;
}
.cate_sp_bg3 {
	width: 720px;
	margin: 0 auto -1px;
}
.cate_sp_bt3 {
	width: 720px;
	height: 60px;
	background: url(../images/top/cate_sp_bt3.jpg) no-repeat;
	background-size: 100% 100%;
}
.cate_bg3 {
	width: 840px;
	margin: 0 auto;
}
.cate_bt3 {
	display: none;
}
/* ----------------------
 * category 3
 *---------------------- */
 

 


/* ----------------------
 * category_common
 *---------------------- */
.cate_main_box {
	width: 840px;
	text-align: left;
	margin: 0px auto 15px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #fff;
	padding: 20px;
}
.cate_main_box .menu_img{
	width: 715px;
}
.cate_main_box h4 {
	margin: 0 0 14px;
}
.cate_sp_box {
	margin: 0 120px;
	text-align: left;
}
.at_bg .cate_sp_box {
	margin: 10px 100px 0;
	padding-bottom: 10px;
}

.cate_sp_box2 {
	margin: 0;
	text-align: left;
}
.cate_list_box1 {
	width: 280px;
	text-align: left;
	padding-left: 34px;
	float: left;
}
.cate_list_box2 {
	width: 280px;
	text-align: left;
	padding-left: 82px;
	float: left;
}
.space_img1 {
	width: 710px;
}
.space_img2 {
	width: 710px;
}
.space_img3 {
	width: 710px;
}
.cate_list_box1 p, .cate_list_box2 p, .cate_list_box3 p, .cate_list_box4 p, .cate_list_box5 p, .cate_list_box6 p {
	margin-right:5px;
}

/* double_box------ */
.cate_list_top1 {
	width: 720px;
	height: 46px;
	background: url(../images/top/cate_list_top1.jpg) no-repeat;
}
.cate_list_bg1 {
	width: 720px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg1.jpg) repeat-y;
}
.cate_list_bt1 {
	width: 720px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt1.jpg) no-repeat;
	background-size: 100% 100%;
}
.cate_list_top3 {
	width: 720px;
	height: 46px;
	background: url(../images/top/cate_list_top3.jpg) no-repeat;
}
.cate_list_bg3 {
	width: 720px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg3.jpg) repeat-y;
}
.cate_list_bt3 {
	width: 720px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt3.jpg) no-repeat;
	background-size: 100% 100%;
}
.cate_list_top5 {
	width: 720px;
	height: 46px;
	background: url(../images/top/cate_list_top5.jpg) no-repeat;
}
.cate_list_bg5 {
	width: 720px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg5.jpg) repeat-y;
}
.cate_list_bt5 {
	width: 720px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt5.jpg) no-repeat;
	background-size: 100% 100%;
}
/* double_box------ */

/* single_box------ */
.cate_list_top2 {
	width: 360px;
	height: 46px;
	background: url(../images/top/cate_list_top1.jpg) no-repeat;
}
.cate_list_bg2 {
	width: 360px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg1.jpg) repeat-y;
}
.cate_list_bt2 {
	width: 360px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt1.jpg) no-repeat;
	background-size: 200% 100%;
}
.cate_list_top4 {
	width: 360px;
	height: 46px;
	background: url(../images/top/cate_list_top3.jpg) no-repeat;
}
.cate_list_bg4 {
	width: 360px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg3.jpg) repeat-y;
}
.cate_list_bt4 {
	width: 360px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt3.jpg) no-repeat;
	background-size: 200% 100%;
}
.cate_list_top6 {
	width: 360px;
	height: 46px;
	background: url(../images/top/cate_list_top5.jpg) no-repeat;
}
.cate_list_bg6 {
	width: 360px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg5.jpg) repeat-y;
}
.cate_list_bt6 {
	width: 360px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt5.jpg) no-repeat;
	background-size: 200% 100%;
}
/* single_box------ */
/* ----------------------
 * category_common
 *---------------------- */


/* ----------------------
 * campaign
 *---------------------- */
.campaign_tokuten_box {
	margin: 0 110px;
	text-align:center;
}
/* ----------------------
 * campaign
 *---------------------- */

/*---------------------------
 * review
 *---------------------------*/
.review_top {
	width: 840px;
	height: 300px;
	margin: 0 auto;
	background: url(../images/top/review_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.review_bg {
  width: 840px;
	margin: 0 auto -2px;
	padding: 0;
  background: url("../images/top/box_bg.jpg") repeat-y;
	background-size: 100%;
	line-height: 180%;
}
.review_bt {
  width: 840px;
  height: 80px;
  margin: 0px auto -1px;
  background: url("../images/top/box_bt.jpg") no-repeat;
	background-size: 100% 100%;
	background-position: bottom center;
}
.review_box {
    margin: 0 120px;
    text-align: left;
}
.all_review_btn_box4 {
    margin: 0 auto;
    padding: 10px 0 0;
    width: 280px;
}
.review_man,
.review_woman {
	font-size: 100%;
    font-weight: bold;
    text-align: left;
    padding: 0px 0 0 50px;
	min-height: 40px;
}
.review_man {
    background: url("../images/top/review_man.png") no-repeat;
    color: #000088;
}
.review_woman {
    background: url("../images/top/review_woman.png") no-repeat;
    color: #880044;
}
.review_man strong,
.review_woman strong {
	font-size: 130%;
}
.review_text {
	font: 100%/150%;
	margin: 10px 0 0;
	text-align: left;
}
.review_text2 {
	width:800px;
	font-size: 160%;
    line-height: 2.9rem;
	font-weight:  bold;
	display: block;
	color: #662200;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	margin: 0 auto;
	letter-spacing: -0.05em;
	text-align: left;
}
.review_text2 a {
	font-size: 130%;
    line-height: 2.9rem;
	font-weight:  bold;
	text-shadow: none;
	color: #662200;
}
.review_text2 a:hover {
	text-decoration: none;
}
.review_box4 .review_text2 {
	margin-right: 50px;
	margin-left: 100px;
}
.review_text3,.review_text5 {
	display: block;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #b472b4;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	color: #fff;
	font-size: 120%;
	line-height: 180%;
	text-align: center;
}

.review_text2 ~ .review_text2 {
	padding-top: 15px;
}
.review_text4 {
	font: bold 180%/160% "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	display: block;
	color: #0E8800;
	padding: 15px 0;
	margin: 0;
	text-align: center;
	letter-spacing: -0.05em;
}

.review_line {
	width: 100%;
	height: 40px;
	margin: 10px auto 0;
    background: url("../images/common/res_rec_center.png") no-repeat;
	background-size: 100% 100%;
}
.review_link {
    display: block;
    color: #990000;
	font-size: 120%;
	font-weight: bold;
    text-align: center;
}
.review_link:hover {
    text-decoration: none;
}
.review_menu_box {
	width: 600px;
	margin: 0 auto 10px auto;
    text-align: left;
}
.icon_review {
	width: 75px;
	height: 20px;
	margin: 0 auto 3px 0;
    background: url("../images/top/review_icon.png") no-repeat;
	background-size: 100% 100%;
}
.icon_review2 {
	width: 75px;
	height: 20px;
	margin: 0 auto 3px 0;
    background: url("../images/top/review_icon2.png") no-repeat;
	background-size: 100% 100%;
}
.review_icon_box {
	float: left;
	width: 75px;
	height: 83px;
}
.review_menu_img {
	float: left;
	width: 515px;
	height: 75px;
	margin: 23px 0 0;
	padding: 0 0 10px 10px;
}
/*---------------------------
 * review
 *---------------------------*/

.res_type_ten_tbl {
	width: 90%;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px auto;
}
.res_type_ten_tbl th {
	padding: 10px;
	background: #40643e;
	color: #fff;
	border: solid 1px #91b48d;
}
.res_type_ten_tbl td {
	padding: 10px;
	border: solid 1px #91b48d;
	background: #fff;
}
.res_type_ten_tbl td.l1{color: #f00; font-weight: bold;}
.res_type_ten_tbl td.l2{color: #f00;}
.res_type_ten_tbl td.l3{color: #000;}
.res_type_ten_tbl td.l4{color: #1e1ec5;}

/*¢­¥«¥ì¥ó¥À¡¼ÍÑ */
.res_type2_box1 {
	position: relative;
	width: 780px;
	margin: 0 auto;
}
.calendar_form1 {
	position: absolute;
	width: 652px;
	padding: 20px 0 20px;
	top: 51%;
	left: 50%;
	transform: translate(-50%,-50%) scale(0.9);
	background-color: white;
    border-image: url(../images/result/type/res_type1_border2.png) repeat;
	border-image-slice: 15% fill;
	border-image-width: 20px;
	border-image-outset: 1;
	border-style: solid;
	box-shadow: 0 10px 50px 4px black;
}
.calendar,
.res_type2_btn_box1 div{
	position: relative;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	width: 720px;
	margin: 0 auto;
	color: #fff;
	text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
	font-size: 40px;
	background-image: url("../images/common/res_type2_bg1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 115%;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 10px;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
}
.res_type2_btn_box1 {
	display: flex;
	width: 720px;
	column-gap: 20px;
	margin: 0 auto 20px auto;
}
.res_type2_btn_box1 div {
	background-image: linear-gradient(white,transparent,black),url("../images/common/res_type2_bg1.jpg");
	border-image-width: 10px;
	font-size: 30px;
	display: flex;
	justify-content: center;
	flex: 1;
	cursor: pointer;
}
.res_type2_btn_box1 div:hover {
	filter: drop-shadow(0px 0px 4px white) brightness(150%);
}

.calendar > div {
	position: relative;
	box-sizing: border-box;
	border: 1px solid rgba(184,150,60,0.5);
	height: 100px;
	touch-action: manipulation;
}

.hover1 .calendar > div{
	cursor: pointer;
}

.calendar .day,
.calendar .date {
	height: auto;
	font-size: 26px;
	pointer-events: none;
	background-color: rgba(0,0,0,0.5);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% 0%;
}
.calendar .good1 .date {
	background-image: linear-gradient(transparent,transparent,rgba(20,190,190,0.5));
}
.calendar .good2 .date {
	background-image: linear-gradient(transparent,transparent,rgba(200,100,20,0.5));
}
.calendar .bad1 .date {
	background-image: linear-gradient(transparent,transparent,rgba(140,60,160,0.5));
}
.calendar .bad2 .date {
	background-image: linear-gradient(transparent,transparent,rgba(100,100,130,0.5));
}
.calendar .day {
	background-color: #543;
}
.calendar .un{
	position: absolute;
	width: 50%;
	height: 27%;
	top: 69%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 0;
	padding: 20% 0 0;
	border-radius: 20%;
	pointer-events: none;
}
.good1 .un{
	background-color: rgba(50,160,180,0.8);
	box-shadow: 0px 0px 10px;
}
.good2 .un{
	background-color: rgba(200,90,0,0.8);
	box-shadow: 0px 0px 10px;
}
.bad1 .un{
	background-color: rgba(120,20,150,0.8);
	box-shadow: 0px 0px 10px;
}
.bad2 .un{
	background-color: rgba(80,80,150,0.8);
	box-shadow: 0px 0px 10px;
}
.res_type2_txt1 {
	display: flex;
	width: 740px;
	margin: 8px auto 0;
}
.res_type2_txt1.bottom {
	justify-content: flex-end;
}
.res_type2_txt1 p {
	display: inline-block;
	color: #fff;
	font-size: 34px;
	line-height: 100%;
}
.res_type2_txt1.bottom p {
	font-size: 24px;
}
.res_type2_txt1 p .un {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 6px 0 20px;
	border-radius: 4px;
}
.calendar .good1,
.calendar .good2,
.calendar .bad1,
.calendar .bad2 {
	cursor: pointer;;
}
/*opacity*/
.calendar .un,
.res_type2_box1 + .res_text_box {
	opacity: 0;
}
.res_type2_box1 + .res_text_box p:nth-of-type(n+2) {
	display:none;
}
/*!
 * Datepicker for Bootstrap v1.7.0-dev (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datapicker_box {
    position: relative;
    top: 45px;
    left: -32px;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
    font-size: 20px;
}
.datapicker_icon {
    width: 32px;
    height: 32px;
    margin: 0 0 0 10px;
    background: url("../images/common/datapicker_icon.png") no-repeat;
    background-size: 100%;
    cursor: pointer;
    user-select: none;
}
.datapicker_icon:hover {
    filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 10px yellow);
}
.datepicker {
    border-radius: 4px;
    direction: ltr;
}
.datepicker-inline {
    width: 220px;
}
.datepicker.datepicker-rtl {
    direction: rtl;
}
.datepicker.datepicker-rtl.dropdown-menu {
    left: auto;
}
.datepicker.datepicker-rtl table tr td span {
    float: right;
}
.datepicker-dropdown {
    top: 0;
    left: 0;
}
.datepicker-dropdown:before {
    content: '';
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(244, 233, 220, 1);
    border-top: 0;
    /*border-bottom-color: rgba(0, 0, 0, 0.2);*/
    position: absolute;
    width: 0px;
    height: 5px;
    z-index: 1001;
}
.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -13px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -2px;
    border-bottom: 0;
    border-top: 7px solid #999999;
}
.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}
.datepicker table {
    width: 260px;
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(244, 233, 220, 1);
    position: absolute;
    z-index: 1000;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0,30,60,0.5);
}
.datepicker td, .datepicker th {
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    border: none;
}
.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}
.datepicker table tr td.old, .datepicker table tr td.new {
    color: #999999;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0;
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}
.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}
.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
    color: #000;
}
.datepicker table tr td.today.active:hover {
    color: #fff;
}
.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
    background: #f3d17a;
    border-radius: 0;
}
.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0;
}
.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}
.datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}
.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: linear-gradient(to bottom, #b3b3b3, #808080);
    background-repeat: repeat-x;
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}
.datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}
.datepicker table tr td span:hover, .datepicker table tr td span.focused {
    background: #eedd55;
}
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
    background-color: #332266;
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span.old, .datepicker table tr td span.new {
    color: #999999;
}
.datepicker .datepicker-switch {
    width: 145px;
}
.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
    cursor: pointer;
}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
    background: #eedd55;
}
.datepicker .prev.disabled, .datepicker .next.disabled {
    visibility: hidden;
}
.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}
.datepicker td, .datepicker th {
    width: 50px;
    height: 50px;
    border-radius: 4px;
}
.table-condensed thead {
    background-color: #6136a3;
    color: #fff;
}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover {
    background: #cc44ee;
}
.datepicker tfoot tr th {
    border-top: 1px solid #974;    
}