body {
	background: none;
	font-size: 14px;
	line-height: 1.4em;
}

.hidden-sm { display: none !important; }
br.hidden-md { display: block !important; }

img.center,
img.block-center {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	z-index: 22;
}

.full-container {
	background-image: url(../images/common/sp/mBnr.jpg);
	background-size: 100%;
	padding-top: 155px;
}

.body-container {
	background-image: url(../images/common/sp/mBg.jpg);
	background-size: 100%;
}

.body-footer { 
	background-image: url(../images/common/sp/mBg.jpg);
	background-size: 100%;
	padding: 30px 10px 20px;
}
.body-footer .copyrightTxt {
	font-size: .8em;
	margin: 5px auto;
}

/********************************
*** Header Part
********************************/
header{
    background-size: 100%;
	min-height: auto;
}
.navi-container { height: auto; }
.paid-container .navi-container { min-height: 40px; }
.naviInfo { display: table; margin: 0 auto; }
.navi-container .navi_btn {
	background-image: url(../images/common/button/sp/naviTop.jpg);
	background-size: 100%;
	margin: 0 auto;
	width: 160px;
	height: 60px;
}
.navi-container .navi_profile { background-image: url(../images/common/button/sp/naviProfile.jpg); }
.navi-container .navi_info { background-image: url(../images/common/button/sp/naviInfo.jpg); }
.navi-container .navi_input { background-image: url(../images/common/button/sp/naviInput.jpg); }

.breadcrumb {
	margin: 6px auto 10px;
	padding: 5px 12px 0;
	max-width: inherit;
	font-size: 0.9em;
}
.paragraph strong { font-size: 130%; }

/******************************** Header Part End ********************************/

.body-container .commonMenuBox .cmnInfo {
	background-image: url(../images/common/menu/sp/inpMnBg.jpg);
	background-size: 100%;
	margin: -2px auto;
}
.body-container .commonMenuBox .cmnTop {
    background-image: url(../images/common/menu/sp/inpMnTop.jpg);
	background-size: 100%;
	min-height: 20px;
}
.body-container .commonMenuBox .cmnBtm {
    background-image: url(../images/common/menu/sp/inpMnBtm.jpg);
	background-size: 100%;
	min-height: 20px;
}
.commonMenuBox .infoelement { padding: 0px 15px; }
.commonMenuBox .iconelement {
    margin-right: 5px;
    width: 50px;
    height: 50px;
}
.commonMenuBox .infoelement .titelement h3 { font-size: 18px; }
.commonMenuBox .infoelement .titelement h3:first-child { font-size: 16px; }
.commonMenuBox .titelement {
	padding-left: 56px;
	font-size: 79%;
}
.commonMenuBox .titelement .title { font-size: 1.6em; }

header .secDesc { width: 89%; margin: 10px auto 12px; }
.secDesc br { display: none; }

/*##################
	  Button
##################*/
.free-btn, .charge-btn, .start-btn {
	background-size: 100%;
	display: table;
	margin: 0 auto 10px;
	width: 245px;
	height: 116px;
}
.start-btn { height: 84px; }

.free-container .submit-btn {
	width: 210px;
    height: 63px;
    font-size: 1.1em;
    background-size: 100%;
}
.free-container .secCommon .submit-btn {
	width: 200px;
    height: 59px;
	font-size: 0.9em;
}
.submit-btn-last { width: 190px; height: 43px; }
.submit-btn-trial, .submit-btn-type3, .submit-btn-type4 { top: 90px; width: 280px; height: 87px; }
.submit-btn-type4 { top: 120px; }
.secCommon .submit-btn-trial { top: 120px; height: 72px; }
.res_type1_box1 .submit-btn-trial { top: 52px; height: 72px; z-index: 33; }
.free-container .submit-btn:hover, .submit-btn-trial:hover, .submit-btn-type3:hover, .submit-btn-type4:hover { background-position: center bottom; }
.free-container .submit-btn .title { top: 32%; }
.free-btn .title, .submit-btn .title { top: 33%; }
.charge-btn .title { top: 23%; }

/*################## Button End ##################*/

/*################## 
	info-container
##################*/
.info-container .section {
	background-image: url(../images/info/sp/proTop.jpg), url(../images/info/sp/proBtm.jpg), url(../images/info/sp/proBg.jpg);
	background-size: 100%;
	margin: 0 auto 10px;
	max-width: inherit;
	font-size: 1em;
}
.info-container .section.profile { padding: 104px 0 45px; }
.info-container .section.profile .secInfo {
	background-image: url(../images/info/sp/proImg.jpg), url(../images/info/sp/proNm.jpg);
	background-position: left top, 119px top;
	background-size: auto 158px;
	padding: 124px 20px 30px;
}
.info-container .section.profile .secInfo ul li { margin-bottom: 6px; padding-right: 15px; }
.info-container .section.profile .secInner {
	background-image: url(../images/info/sp/proMsg.jpg);
	background-size: 100%;
	padding: 55px 20px 0;
	margin-bottom: 0;
}
.info-container .section.profile .proSign {
	background-size: 100%;
	width: 175px;
	height: 60px;
}
/*###### End Profile ######*/

.info-container .section.about {
	background-image: url(../images/info/sp/abtTop.jpg), url(../images/info/sp/abtBtm.jpg), url(../images/info/sp/abtBg.jpg);
	padding: 12px 0 0;
	background-size: 100%;
}
.info-container .section.about .heading { height: 50px; }

.info-container .abtSec .abtTit {
	background-image: url(../images/info/sp/introTit1.png);
	background-size: 112%;
	padding: 0;
	height: 152px;
}
.info-container .abtSec1 .abtTit { background-image: url(../images/info/sp/introTit2.png); height: 100px; }
.info-container .abtSec2 .abtTit { background-image: url(../images/info/sp/introTit3.png); height: 100px; }
.info-container .abtSec .samplePhrase {
	margin-bottom: 10px;
	font-size: 180%;
}
/*###### End About ######*/

.top_intro_textbox, .result-container .top_intro_textbox {
	padding: 15px 15px 5px;
	max-width: 95%;
	font-size: 102%;
	margin-top: 0;
}
/* ----------------------
 * result_type1
 *---------------------- */
.topanime_type1_box1 {
	position: relative;
	width: 308px;
	margin: 0 auto;
	overflow: hidden;
}
.topanime_type1_bg1 {
	width: 308px;
	height: 220px;
	margin: 0 auto -0px;

	background-size: 100% 100%;
}
.topanime_type1_txt1 {
	position: absolute;
	width: 308px;
	height: 208px;
	margin: 0 auto -0px;

	background-size: 100% 100%;
	top: 0;
	left: 0;
}
.topanime_type1_bg2 {
	width: 308px;
	min-height: 28px;
	margin: 0 auto -0px;

	background-size: 100% 100%;
}
.topanime_type1_bg3 {
	width: 308px;
	height: 28px;
	margin: 0 auto;

	background-size: 100% 100%;
}

.topanime_type1_box1 img {
	display: block;
	position: absolute;
}
.topanime_type1_box1 p {
	position: absolute;
	color: #263347;
	font-size: 11px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: normal;
	line-height: 0;
	letter-spacing: -0.04em;
}
.topanime_type1_box1 .topanime_type1_bg2 p {
	display: block;
	position:  static;
	width:  280px;
	margin: 0 auto;
	line-height: 160%;
}

.topanime_type1_name1 {width: 56px; height: 24px; top: 28px; left: 232px;}
.topanime_type1_name2 {width: 56px; height: 24px; top: 28px; left: 171px;}
.topanime_type1_name3 {width: 56px; height: 24px; top: 28px; left: 119px;}
.topanime_type1_name4 {width: 56px; height: 24px; top: 28px; left: 67px;}
.topanime_type1_name5 {width: 56px; height: 24px; top: 28px; left: 12px;}

.topanime_type1_b1_1 {width: 40px; height: 36px; top: 39px; left: 249px;}
.topanime_type1_b1_2 {width: 40px; height: 36px; top: 39px; left: 224px;}
.topanime_type1_b1_3 {width: 40px; height: 36px; top: 39px; left: 197px;}
.topanime_type1_b1_4 {width: 40px; height: 36px; top: 39px; left: 171px;}
.topanime_type1_b1_5 {width: 40px; height: 36px; top: 39px; left: 145px;}
.topanime_type1_b1_6 {width: 40px; height: 36px; top: 39px; left: 119px;}
.topanime_type1_b1_7 {width: 40px; height: 36px; top: 39px; left: 92px;}
.topanime_type1_b1_8 {width: 40px; height: 36px; top: 39px; left: 66px;}
.topanime_type1_b2_1 {width: 40px; height: 36px; top: 73px; left: 249px;}
.topanime_type1_b2_2 {width: 40px; height: 36px; top: 73px; left: 224px;}
.topanime_type1_b2_3 {width: 40px; height: 36px; top: 73px; left: 197px;}
.topanime_type1_b2_4 {width: 40px; height: 36px; top: 73px; left: 171px;}
.topanime_type1_b2_5 {width: 40px; height: 36px; top: 73px; left: 145px;}
.topanime_type1_b2_6 {width: 40px; height: 36px; top: 73px; left: 119px;}
.topanime_type1_b2_7 {width: 40px; height: 36px; top: 73px; left: 92px;}
.topanime_type1_b2_8 {width: 40px; height: 36px; top: 73px; left: 66px;}
.topanime_type1_b3_1 {width: 40px; height: 36px; top: 106px; left: 249px;}
.topanime_type1_b3_2 {width: 40px; height: 36px; top: 106px; left: 224px;}
.topanime_type1_b3_3 {width: 40px; height: 36px; top: 106px; left: 197px;}
.topanime_type1_b3_4 {width: 40px; height: 36px; top: 106px; left: 171px;}
.topanime_type1_b3_5 {width: 40px; height: 36px; top: 106px; left: 145px;}
.topanime_type1_b3_6 {width: 40px; height: 36px; top: 106px; left: 119px;}
.topanime_type1_b3_7 {width: 40px; height: 36px; top: 106px; left: 92px;}
.topanime_type1_b3_8 {width: 40px; height: 36px; top: 106px; left: 66px;}
.topanime_type1_b4_1 {width: 40px; height: 36px; top: 142px; left: 232px;}
.topanime_type1_b4_2 {width: 40px; height: 36px; top: 142px; left: 180px;}
.topanime_type1_b4_3 {width: 40px; height: 36px; top: 142px; left: 127px;}
.topanime_type1_b4_4 {width: 40px; height: 36px; top: 142px; left: 74px;}
.topanime_type1_b5_1 {width: 60px; height: 46px; top: 34px; left: 10px;}
.topanime_type1_b5_2 {width: 60px; height: 46px; top: 69px; left: 10px;}
.topanime_type1_b5_3 {width: 60px; height: 46px; top: 102px; left: 10px;}
.topanime_type1_b5_4 {width: 60px; height: 52px; top: 136px; left: 10px;}

.topanime_type1_a1 {position: absolute; width: 59px; height: 14px; top: 58px; left: 10px;}
.topanime_type1_a2 {position: absolute; width: 59px; height: 14px; top: 91px; left: 10px; font-size: 0;}
.topanime_type1_a3 {position: absolute; width: 59px; height: 14px; top: 142px; left: 10px; font-size: 0;}
.topanime_type1_a4 {position: absolute; width: 188px; height: 32px; top: 174px; left: 52px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 100%;
	line-height: 2rem;
	box-sizing: border-box;
	color: #263347;
}

.topanime_type1_circlebox > div{
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}



img.topanime_type1_img1 {
	display: inline-block;
	position: static;
	width: 11px;
	height: 14px;
}
img.topanime_type1_img2 {
	display: inline-block;
	position: static;
	width: 24px;
	height: 14px;
}
img.topanime_type1_img3 {
	display: inline-block;
	position: static;
	width: 7px;
	height: 14px;
	margin: 0 -2px;
}



.topanime_type1_p1, .topanime_type1_p2, .topanime_type1_p3 {
	display: block;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #eea;
	font-size: 100%;
	line-height: 150%;
	width: 296px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: -0.05em;

	background-size: 100% 100%;
}
.topanime_type1_p1:before {
	content: "";
	display: block;
	width: 296px;
	height: 30px;
	margin: 0 0 2px;

	background-size: 100% 100%;
}
.topanime_type1_p1:after {
	content: "";
	display: block;
	width: 296px;
	height: 25px;
	margin: 2px 0 0;

	background-size: 100% 100%;
}
.topanime_type1_p1.strong {
	color: #ff3;
	font-size: 130%;letter-spacing: 0.1em;
}
.topanime_type1_p1.blanck {
	margin-bottom: 30px;
}
.topanime_type1_p2 {
	color: #cdf;
}
.topanime_type1_p3 {
	color: #fea;
	background: none;
	font-size: 120%;
	line-height: 160%;
	margin: -0px auto;
	padding: 8px 0 0;
}
.topanime_type1_p1 strong {
	color: #A2FF87;
}
.topanime_type1_p3 strong {
	color: #cfe;
	font-size: 140%;
}
.res_rec_bg > .topanime_type1_p1 {
	margin: 0 auto 0;
}
/* ----------------------
 * result_type1
 *---------------------- */




/* ----------------------
 * result_type2
 *---------------------- */
.topanime_type2_box1 {
	position: relative;
	width: 308px;
	height: 264px;
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 0 0 10px #8fb3c8;
}
.topanime_type2_bg1 {
	position: relative;
	width: 308px;
	height: 264px;

	background-size: 100% 100%;
	margin: 0 auto;
}
.topanime_type2_box1 img {
	display: block;
	position: absolute;
}
.topanime_type2_box1 p {
	position: absolute;
	color: #263347;
	font-size: 9px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: normal;
	line-height: 1rem;
}
.topanime_type2_namebox{
	width: 300px;
	height: 11px;
	margin: 0 auto;
	position: relative;
}
.topanime_type2_namebox span{
	width: 50px;
	display: block;
	position: absolute;
	font-size: 13px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: normal;
	line-height: 0;
	letter-spacing: -0.04em;
	color: #263347;
}
.topanime_type2_namebox span:nth-of-type(1){
	left: 25px;
}
.topanime_type2_namebox span:nth-of-type(2){
	right: 20px;
}

.topanime_type2_name1 {width: 42px; height: 16px; top: 8px; left: 30px;}
.topanime_type2_name2 {width: 42px; height: 16px; top: 91px; left: 30px;}
.topanime_type2_name3 {width: 42px; height: 16px; top: 174px; left: 30px;}
.topanime_type2_name4 {width: 42px; height: 16px; top: 8px; left: 236px;}
.topanime_type2_name5 {width: 42px; height: 16px; top: 91px; left: 236px;}
.topanime_type2_name6 {width: 42px; height: 16px; top: 174px; left: 236px;}

.topanime_type2_b1_1 {width: 36px; height: 32px; top: 191px; left: 32px;}
.topanime_type2_b1_2 {width: 36px; height: 32px; top: 108px; left: 32px;}
.topanime_type2_b1_3 {width: 36px; height: 32px; top: 25px; left: 32px;}
.topanime_type2_b1_4 {width: 36px; height: 32px; top: 191px; left: 240px;}
.topanime_type2_b1_5 {width: 36px; height: 32px; top: 108px; left: 240px;}
.topanime_type2_b1_6 {width: 36px; height: 32px; top: 25px; left: 240px;}

.topanime_type2_b2_1 {width: 36px; height: 32px; top: 225px; left: 32px;}
.topanime_type2_b2_2 {width: 36px; height: 32px; top: 142px; left: 32px;}
.topanime_type2_b2_3 {width: 36px; height: 32px; top: 58px; left: 32px;}
.topanime_type2_b2_4 {width: 36px; height: 32px; top: 225px; left: 240px;}
.topanime_type2_b2_5 {width: 36px; height: 32px; top: 142px; left: 240px;}
.topanime_type2_b2_6 {width: 36px; height: 32px; top: 58px; left: 240px;}

.topanime_type2_circlebox > div{
	position: absolute;
	width: 308px;
	height: 48px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.topanime_type2_circlebox > div span{
	width: 135px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 70%;
	line-height: 1.2rem;
}
.topanime_type2_circlebox > div:nth-of-type(1) span{color: #da4a4a;}
.topanime_type2_circlebox > div:nth-of-type(2) span{color: #534fb5;}
.topanime_type2_circlebox > div:nth-of-type(3) span{color: #507e3d;}
.topanime_type2_circlebox > div:nth-of-type(4) span{color: #8c7d40;}

.topanime_type2_b3_1{left: 0px; top: 16px;}
.topanime_type2_b3_2{left: 0px; top: 49px;}
.topanime_type2_b3_3{left: 0px; top: 99px;}
.topanime_type2_b3_4{left: 0px; top: 132px;}
.topanime_type2_b3_5{left: 0px; top: 182px;}
.topanime_type2_b3_6{left: 0px; top: 216px;}


/* ----------------------
 * result_type2
 *---------------------- */


/* ----------------------
 * result_type3
 *---------------------- */
.topanime_type3_bg1{
	width: 308px;
	height: 220px;
	margin: 0 auto 20px;

	background-size: 100% 100%;
	position: relative;
	box-shadow: 0 0 10px #8fb3c8;
}
.topanime_type3_bg1.cate1 div.graph{
	width: 288px;
	height: 220px;

	background-size: 100% 100%;
	position: absolute;
	left: 10px;
	top: 0;
}
.topanime_type3_bg1.cate2 div.graph{
	width: 288px;
	height: 220px;

	background-size: 100% 100%;
	position: absolute;
	left: 10px;
	top: 0;
}
.topanime_type3_bg1.cate3 div.graph{
	width: 288px;
	height: 220px;

	background-size: 100% 100%;
	position: absolute;
	left: 10px;
	top: 0;
}
.topanime_type3_bg1.cate4 div.graph{
	width: 288px;
	height: 220px;

	background-size: 100% 100%;
	position: absolute;
	left: 10px;
	top: 0;
}

.topanime_type3_bg1 div.graph.topanime_type3_s01{background-position: 0 0;}
.topanime_type3_bg1 div.graph.topanime_type3_s02{background-position: -24px 0;}
.topanime_type3_bg1 div.graph.topanime_type3_s03{background-position: -48px 0;}
.topanime_type3_bg1 div.graph.topanime_type3_s04{background-position: -72px 0;}
.topanime_type3_bg1 div.graph.topanime_type3_s05{background-position: -96px 0;}
.topanime_type3_bg1 div.graph.topanime_type3_s06{background-position: -120px 0;}
.topanime_type3_bg1 div.graph.topanime_type3_s07{background-position: -144px 0;}
.topanime_type3_bg1 div.graph.topanime_type3_s08{background-position: -168px 0;}
.topanime_type3_bg1 div.graph.topanime_type3_s09{background-position: -192px 0;}
.topanime_type3_bg1 div.graph.topanime_type3_s10{background-position: -216px 0;}
.topanime_type3_bg1 div.graph.topanime_type3_s11{background-position: -240px 0;}
.topanime_type3_bg1 div.graph.topanime_type3_s12{background-position: -264px 0;}

.topanime_type3_year{
	width: 288px;
	height: 12px;
	position: absolute;
	left: 10px;
	top: 161px;
	display: flex;
}
.topanime_type3_year span{
	width: 24px;
	color: #263347;
	font-size: 50%;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: normal;
	line-height: 1rem;
	letter-spacing: -0.8px;
}

[class^="topanime_type3_point"]{
	width: 20px;
	height: 192px;
} 

.topanime_type3_point1{	box-sizing: border-box; border: 2px solid #0f7b00; background-color: rgba(252,255,0,0.3);}
.topanime_type3_point2{	box-sizing: border-box; border: 2px solid #ffde00; background-color: rgba(252,255,0,0.3);}
.topanime_type3_point3{	box-sizing: border-box; border: 2px solid #da4a4a; background-color: rgba(252,255,0,0.3);}
.topanime_type3_point4{	box-sizing: border-box; border: 2px solid #ff6224; background-color: rgba(252,255,0,0.3);}
.topanime_type3_point5{	box-sizing: border-box; border: 2px solid #2761c1; background-color: rgba(252,255,0,0.3);}

.topanime_type3_p1{position: absolute; left: 12px; top: 14px;}
.topanime_type3_p2{position: absolute; left: 36px; top: 14px;}
.topanime_type3_p3{position: absolute; left: 60px; top: 14px;}
.topanime_type3_p4{position: absolute; left: 84px; top: 14px;}
.topanime_type3_p5{position: absolute; left: 108px; top: 14px;}
.topanime_type3_p6{position: absolute; left: 132px; top: 14px;}
.topanime_type3_p7{position: absolute; left: 156px; top: 14px;}
.topanime_type3_p8{position: absolute; left: 180px; top: 14px;}
.topanime_type3_p9{position: absolute; left: 204px; top: 14px;}
.topanime_type3_p10{position: absolute; left: 228px; top: 14px;}
.topanime_type3_p11{position: absolute; left: 252px; top: 14px;}
.topanime_type3_p12{position: absolute; left: 276px; top: 14px;}

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

/* ----------------------
 * animation
 *---------------------- */
@keyframes fadein {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeout {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadein2 {
	0% {opacity: 0; transform: scale(1.2);}
	100% {opacity: 1; transform: scale(1.0);}
}
@keyframes fadeinout {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}

.free_scroll_box {
	overflow: hidden;
	display:none;
}
.scroll_box {
	padding-top: 10px;
}

.topanime_type1_circlebox div,
.topanime_type2_circlebox div,
.topanime_type2_circlebox div span,
[class^="topanime_type3_point"] {
	opacity: 0;
}

.t_anime1 .topanime_type1_circlebox div {animation:fadein2 1.0s ease 0s 1 forwards;}
.t_anime1 .topanime_type1_circlebox div:nth-of-type(1) {animation-delay: 0.3s;}
.t_anime1 .topanime_type1_circlebox div:nth-of-type(2) {animation-delay: 0.7s;}
.t_anime1 .topanime_type1_circlebox div:nth-of-type(3) {animation-delay: 1.1s;}
.t_anime1 .topanime_type1_circlebox div:nth-of-type(4) {animation-delay: 1.5s;}

.t_anime2 .topanime_type2_circlebox div {animation:fadein2 1.0s ease 0s 1 forwards;}
.t_anime2 .topanime_type2_circlebox div:nth-of-type(1) {animation-delay: 0.3s;}
.t_anime2 .topanime_type2_circlebox div:nth-of-type(2) {animation-delay: 0.7s;}
.t_anime2 .topanime_type2_circlebox div:nth-of-type(3) {animation-delay: 1.1s;}
.t_anime2 .topanime_type2_circlebox div:nth-of-type(4) {animation-delay: 1.5s;}
.t_anime2 .topanime_type2_circlebox div span {animation:fadein 1.0s linear 2.0s 1 forwards;}

.t_anime3 [class^="topanime_type3_point"] {animation:fadein2 1.0s ease 0s 1 forwards;}
.t_anime3 .topanime_type3_point1 {animation-delay: 0.3s;}
.t_anime3 .topanime_type3_point2 {animation-delay: 0.5s;}
.t_anime3 .topanime_type3_point3 {animation-delay: 0.7s;}
.t_anime3 .topanime_type3_point4 {animation-delay: 0.9s;}
.t_anime3 .topanime_type3_point5 {animation-delay: 1.1s;}
/*################## info-container End ##################*/

/*### sample-container ################*/
.samp-container .section.sample { background-size: 100%; padding: 70px 12px 50px; margin: -1px 0; }
.samp-container .section.sample .sampImg { width: 110px; margin-right: 6px; }
.samp-container .section.sample .test { float: left; width: 58%; }	
.samp-container .section.sample .test img { width: 175px; }
.samp-container .section.sample .secSamp1, .samp-container .section.sample .secSamp3,
.samp-container .section.sample .secSamp4, .samp-container .section.sample .secSamp5,
.samp-container .section.sample .secSamp6, .samp-container .section.sample .secSamp8 { padding-top: 0; }
/*################## sample-container End ##################*/


/*##########################
	input-container 
##########################*/
.input-container .komiCatch{
	background-image: url(../images/input/inpTopBg.jpg);
    background-position: -60px top;
	background-size: 160%;
    padding-top: 30px;
}

.komi {
	background-image: url(../images/input/sp/inpKomiTop.jpg), url(../images/input/sp/inpKomiBtm.jpg), url(../images/input/sp/inpKomiBg.jpg);
	background-size: 100%;
	margin-bottom: -12px;
	padding: 80px 25px 40px;
	font-size: 0.9em;
}
.komi .komiUl { font-size: inherit; }
.komi ul li {
	background-size: 20px;
	font-size: 1.1em;
	padding-left: 25px;
    margin-top: 10px;
}

/*######### question #########*/
.input-container .formCatch {
	background: transparent url(../images/input/sp/formCatch.jpg) no-repeat center top;
	background-size: 100%;
	padding-top: 68px;
	width: 100%;
}
.question {
    background-image: url(../images/input/sp/inpFormBtm.jpg),url(../images/input/sp/inpFormBg.jpg);
	background-size: 100%;
	padding-bottom: 50px;
}

.question .top-heading.self {
    background-image: url(../images/input/sp/inpFormTit1.jpg);
	padding: 55px 25px 10px;
	background-size: 100%;
}

.question .top-heading.target {
    background-image: url(../images/input/sp/inpFormTit2.jpg);
	padding: 50px 25px 0;
	background-size: 100%;
}

.question .formInfo .inputHolder {
	display: table;
	margin: 0 auto;
}

.question form span.inbold,
.question form span.bold {
    text-align: left;
}

.question form span.bold.birthTime,
.question form span.bold.birth {
	display: inline-table;
    width: 100%;
}
.question form span.inbold { 
    color: #000;
    font-size: 1.3em;
}
.question select.form_mm { margin-left: 6px; }
.question .inputRow.rBirthTime .attention { margin-top: 0; }

.question .rGender { margin: 10px 7px 10px 1px; }

.question form #sex11+span,
.question form #sex21+span {
    display: initial;
	background: none;
}
.question .rGender span {
	margin-right: 0;
	min-width: 80px;
}

.question form span.birth_unit {
	display: inline-table;
    margin-left: -2px;
    width: 13px;
    height: 29px;
    font-weight: bold;
}

.question .inputRow.name .col:first-child { 
	height: 32px;
	text-align: left; 
}
.question .inputRow .attention { 
	margin-top: -10px; 
	font-size: 0.8em;
}
.question select.form_year {
	margin-left: 0px;
	width: 75px;
}
select {
    -webkit-rtl-ordering: logical;
	-webkit-text-fill-color: #000000;
	opacity: 1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.question select.form_hh { margin-left: 0px; }
input[type="text"],
input[type="date"] { 
	margin-left: 0; 
	width: 230px;
}
.secYudo .input_submit { margin: 0 auto 10px; }
.input_submit a { display: table; }
span.spanError:before { top: -25px; left: 129px; }
/*################## input-container End ##################*/

/*########################## 
	result-container   
##########################*/
.result-container .subbody-container {
	background-image: url(../images/result/sp/resBg.jpg);
	background-size: 100%;
	max-width: inherit;
	padding: 0;
}

.result-container .secGreeting {
	background-image: url(../images/result/sp/resInfoTop.jpg);
	background-size: 100%;
	min-height: 120px;
	padding: 146px 0 0;
}
.result-container .secGreeting .greetingInfo {
	background-image: url(../images/result/sp/resMsgImg2.jpg);
	background-size: 100%;
	padding: 20px;
	min-height: 220px;
}
.result-container .secGreeting .greetingInfo .paragraph { padding-top: 12px; }

.result-container .secCommon .secTitle .paragraph, .result-container .secListing .secTitle .paragraph { padding: 0; line-height: 1.3em; }
.result-container .secCommon .secTitle .paragraph br, .result-container .secListing .secTitle .paragraph br { display: none; }

/*######### secCommon #########*/
.result-container .bigTit {
	background-size: 100%;
}
.result-container .secMsg {
	background-image: url(../images/result/sp/resImg2.jpg);
	background-size: 100%;
	padding: 0 10px 30px;
	min-height: 130px;
}
.result-container .secCommonSub .commonCatch .secMsg {
	background-image: url(../images/result/sp/resImg4.jpg);
	padding: 10px 10px 20px;
	min-height: 200px;
}
.result-container .secCommonSub .commonCatch .secMsg .resCatch { max-width: 220px; }
.result-container .listLast .secMsg {
	background-image: url(../images/result/sp/resHeadline.jpg);
}
.result-container .listLast .secMsg {
	background-size: cover;
	padding: 9px 0 2px;
}
.result-container .listLast .secMsg .resCatch {
	background: none;
	font-size: 150%;
	line-height: 1.3em;
}

.result-container .secUser {
	padding: 10px 0;
	max-width: 95%;
}
.result-container .secUser.inCol {
	flex-direction: column;
    align-items: center;
}

/*######### secCommon End #########*/

/*######### secListing #########*/
.result-container .secListing { background-size: 100%; padding-bottom: 10px; }
.result-container .secListing .fixed-cont { width: inherit; }
.result-container .secCommon .secTitle,
.result-container .bigTit .secTitle,
.result-container .secListing .secTitle {
	background-image: url(../images/result/sp/resTit2.jpg);
	background-position: center top;
    background-size: 107% 100%;
    margin: 0 auto 12px;
	padding: 15px 20px 13px;
    max-width: 99%;
	font-size: 14px;
	border-image: none;
}
.result-container .secTitle.subTit {
	background-image: url(../images/result/sp/resTit3.jpg);
	max-width: 95%;
	font-size: 17px;
}
.result-container .secListing .secList { padding-bottom: 10px; }
.result-container .secListing .secInfo { min-height: 120px; }
.result-container .secListing .innerList .paragraph { padding: 0; }

.result-container .secTitle {
	border-image-slice: 50 50 50 50 fill;
    border-image-width: 50px 50px 50px 50px;
}
.result-container .secTitle.bigTit {
	background-image: url(../images/result/sp/resTit.jpg);
	border-image-slice: 50 50 50 50 fill;
    border-image-width: 50px 50px 50px 50px;
    border-image-repeat: round stretch;
	background-size: 100% 100%;
	font-size: 15px;
	padding: 17px 30px;
}
.result-container .resCatch {
	max-width: 250px;
    margin: 0 10px 20px auto;
	padding: 12px 9px;
}
.result-container .secMsg .resCatch {
	margin: 10px 10px 20px auto;
	padding: 15px;
	font-size: 99%;
	width: 100%;
	
}

.result-container .secFatePoint {
	background-image: url(../images/result/sp/resPointTop.jpg);
	background-size: 100% 100%;
	border-image: none;
	width: 100%;
}
[class^="pointIcon"] { width: 90px; height: 80px; }
.pointMsg { padding: 0 10px 0 5px; width: 80%; font-size: 118%; text-align: left; }
.pointMsg br { display: none; }
.result-container .secInfo .secInList {
	margin-bottom: 10px;
	padding: 12px 12px 15px;
	max-width: 95%;
}

/*######### secListing End #########*/


/* ----------------------
 * result_type1
 *---------------------- */
.res_type1_box1 {
	position: relative;
	width: 308px;
	margin: 0 auto;
	overflow: hidden;
}
.res_type1_bg1 {
	width: 308px;
	height: 220px;
	margin: 0 auto -0px;
	background-size: 100% 100%;
}
.res_type1_txt1 {
	position: absolute;
	width: 308px;
	height: 208px;
	margin: 0 auto -0px;
	background-size: 100% 100%;
	top: 0;
	left: 0;
}
.res_type1_bg2 {
	width: 308px;
	min-height: 28px;
	margin: 0 auto -0px;
	background-size: 100% 100%;
}
.res_type1_bg3 {
	width: 308px;
	height: 28px;
	margin: 0 auto;
	background-size: 100% 100%;
}

.res_type1_box1 img {
	display: block;
	position: absolute;
}
.res_type1_box1 p {
	position: absolute;
	color: #263347;
	font-size: 11px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: normal;
	line-height: 0;
	letter-spacing: -0.04em;
}
.res_type1_box1 .res_type1_bg2 p {
	display: block;
	position:  static;
	width:  280px;
	margin: 0 auto;
	line-height: 160%;
}

.res_type1_name1 {width: 56px; height: 24px; top: 28px; left: 232px;}
.res_type1_name2 {width: 56px; height: 24px; top: 28px; left: 171px;}
.res_type1_name3 {width: 56px; height: 24px; top: 28px; left: 119px;}
.res_type1_name4 {width: 56px; height: 24px; top: 28px; left: 67px;}
.res_type1_name5 {width: 56px; height: 24px; top: 28px; left: 12px;}

.res_type1_b1_1 {width: 40px; height: 36px; top: 39px; left: 249px;}
.res_type1_b1_2 {width: 40px; height: 36px; top: 39px; left: 224px;}
.res_type1_b1_3 {width: 40px; height: 36px; top: 39px; left: 197px;}
.res_type1_b1_4 {width: 40px; height: 36px; top: 39px; left: 171px;}
.res_type1_b1_5 {width: 40px; height: 36px; top: 39px; left: 145px;}
.res_type1_b1_6 {width: 40px; height: 36px; top: 39px; left: 119px;}
.res_type1_b1_7 {width: 40px; height: 36px; top: 39px; left: 92px;}
.res_type1_b1_8 {width: 40px; height: 36px; top: 39px; left: 66px;}
.res_type1_b2_1 {width: 40px; height: 36px; top: 73px; left: 249px;}
.res_type1_b2_2 {width: 40px; height: 36px; top: 73px; left: 224px;}
.res_type1_b2_3 {width: 40px; height: 36px; top: 73px; left: 197px;}
.res_type1_b2_4 {width: 40px; height: 36px; top: 73px; left: 171px;}
.res_type1_b2_5 {width: 40px; height: 36px; top: 73px; left: 145px;}
.res_type1_b2_6 {width: 40px; height: 36px; top: 73px; left: 119px;}
.res_type1_b2_7 {width: 40px; height: 36px; top: 73px; left: 92px;}
.res_type1_b2_8 {width: 40px; height: 36px; top: 73px; left: 66px;}
.res_type1_b3_1 {width: 40px; height: 36px; top: 106px; left: 249px;}
.res_type1_b3_2 {width: 40px; height: 36px; top: 106px; left: 224px;}
.res_type1_b3_3 {width: 40px; height: 36px; top: 106px; left: 197px;}
.res_type1_b3_4 {width: 40px; height: 36px; top: 106px; left: 171px;}
.res_type1_b3_5 {width: 40px; height: 36px; top: 106px; left: 145px;}
.res_type1_b3_6 {width: 40px; height: 36px; top: 106px; left: 119px;}
.res_type1_b3_7 {width: 40px; height: 36px; top: 106px; left: 92px;}
.res_type1_b3_8 {width: 40px; height: 36px; top: 106px; left: 66px;}
.res_type1_b4_1 {width: 40px; height: 36px; top: 142px; left: 232px;}
.res_type1_b4_2 {width: 40px; height: 36px; top: 142px; left: 180px;}
.res_type1_b4_3 {width: 40px; height: 36px; top: 142px; left: 127px;}
.res_type1_b4_4 {width: 40px; height: 36px; top: 142px; left: 74px;}
.res_type1_b5_1 {width: 60px; height: 46px; top: 34px; left: 10px;}
.res_type1_b5_2 {width: 60px; height: 46px; top: 69px; left: 10px;}
.res_type1_b5_3 {width: 60px; height: 46px; top: 102px; left: 10px;}
.res_type1_b5_4 {width: 60px; height: 52px; top: 136px; left: 10px;}

.res_type1_a1 {position: absolute; width: 59px; height: 14px; top: 58px; left: 10px;}
.res_type1_a2 {position: absolute; width: 59px; height: 14px; top: 91px; left: 10px; font-size: 0;}
.res_type1_a3 {position: absolute; width: 59px; height: 14px; top: 142px; left: 10px; font-size: 0;}
.res_type1_a4 {position: absolute; width: 188px; height: 32px; top: 174px; left: 52px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 100%;
	line-height: 2rem;
	box-sizing: border-box;
	color: #263347;
}

.res_type1_circlebox > div{
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}



img.res_type1_img1 {
	display: inline-block;
	position: static;
	width: 11px;
	height: 14px;
}
img.res_type1_img2 {
	display: inline-block;
	position: static;
	width: 24px;
	height: 14px;
}
img.res_type1_img3 {
	display: inline-block;
	position: static;
	width: 7px;
	height: 14px;
	margin: 0 -2px;
}

.res_type1_p1, .res_type1_p2, .res_type1_p3 {
	display: block;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #eea;
	font-size: 100%;
	line-height: 150%;
	width: 296px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: -0.05em;
	background-size: 100% 100%;
}
.res_type1_p1:before {
	content: "";
	display: block;
	width: 296px;
	height: 30px;
	margin: 0 0 2px;
	background-size: 100% 100%;
}
.res_type1_p1:after {
	content: "";
	display: block;
	width: 296px;
	height: 25px;
	margin: 2px 0 0;
	background-size: 100% 100%;
}
.res_type1_p1.strong {
	color: #ff3;
	font-size: 130%;letter-spacing: 0.1em;
}
.res_type1_p1.blanck {
	margin-bottom: 30px;
}
.res_type1_p2 {
	color: #cdf;
}
.res_type1_p3 {
	color: #fea;
	background: none;
	font-size: 120%;
	line-height: 160%;
	margin: -0px auto;
	padding: 8px 0 0;
}
.res_type1_p1 strong {
	color: #A2FF87;
}
.res_type1_p3 strong {
	color: #cfe;
	font-size: 140%;
}
.res_rec_bg > .res_type1_p1 {
	margin: 0 auto 0;
}

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

/* ----------------------
 * result_type2
 *---------------------- */
.res_type2_box1 {
	position: relative;
	width: 308px;
	height: 264px;
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 0 0 10px #8fb3c8;
}
.res_type2_bg1 {
	position: relative;
	width: 308px;
	height: 264px;
	background-size: 100% 100%;
	margin: 0 auto;
}
.res_type2_box1 img {
	display: block;
	position: absolute;
}
.res_type2_box1 p {
	position: absolute;
	color: #263347;
	font-size: 9px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: normal;
	line-height: 1rem;
}

.res_type2_name1 {width: 42px; height: 16px; top: 8px; left: 30px;}
.res_type2_name2 {width: 42px; height: 16px; top: 91px; left: 30px;}
.res_type2_name3 {width: 42px; height: 16px; top: 174px; left: 30px;}
.res_type2_name4 {width: 42px; height: 16px; top: 8px; left: 236px;}
.res_type2_name5 {width: 42px; height: 16px; top: 91px; left: 236px;}
.res_type2_name6 {width: 42px; height: 16px; top: 174px; left: 236px;}

.res_type2_b1_1 {width: 36px; height: 32px; top: 191px; left: 32px;}
.res_type2_b1_2 {width: 36px; height: 32px; top: 108px; left: 32px;}
.res_type2_b1_3 {width: 36px; height: 32px; top: 25px; left: 32px;}
.res_type2_b1_4 {width: 36px; height: 32px; top: 191px; left: 240px;}
.res_type2_b1_5 {width: 36px; height: 32px; top: 108px; left: 240px;}
.res_type2_b1_6 {width: 36px; height: 32px; top: 25px; left: 240px;}

.res_type2_b2_1 {width: 36px; height: 32px; top: 225px; left: 32px;}
.res_type2_b2_2 {width: 36px; height: 32px; top: 142px; left: 32px;}
.res_type2_b2_3 {width: 36px; height: 32px; top: 58px; left: 32px;}
.res_type2_b2_4 {width: 36px; height: 32px; top: 225px; left: 240px;}
.res_type2_b2_5 {width: 36px; height: 32px; top: 142px; left: 240px;}
.res_type2_b2_6 {width: 36px; height: 32px; top: 58px; left: 240px;}

.res_type2_circlebox > div{
	position: absolute;
	width: 308px;
	height: 48px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}


.res_type2_circlebox > div span{
	width: 135px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 70%;
	line-height: 1.2rem;
}
.res_type2_circlebox > div:nth-of-type(1) span{color: #da4a4a;}
.res_type2_circlebox > div:nth-of-type(2) span{color: #534fb5;}
.res_type2_circlebox > div:nth-of-type(3) span{color: #507e3d;}
.res_type2_circlebox > div:nth-of-type(4) span{color: #8c7d40;}

.res_type2_b3_1{left: 0px; top: 16px;}
.res_type2_b3_2{left: 0px; top: 49px;}
.res_type2_b3_3{left: 0px; top: 99px;}
.res_type2_b3_4{left: 0px; top: 132px;}
.res_type2_b3_5{left: 0px; top: 182px;}
.res_type2_b3_6{left: 0px; top: 216px;}


/* ----------------------
 * result_type2
 *---------------------- */


/* ----------------------
 * result_type3
 *---------------------- */
.res_type3_bg1{
	width: 308px;
	height: 220px;
	margin: 0 auto 20px;
	background-size: 100% 100%;
	position: relative;
	box-shadow: 0 0 10px #8fb3c8;
}
.res_type3_graph{
	width: 288px;
	height: 220px;
	position: absolute;
	left: 10px;
	top: 0;
}
.res_type3_graph img{
	width: 24px;
	height: 220px;
	position: absolute;
	top: 0;
}
.res_type3_graph img:nth-of-type(1){left: 0px;}
.res_type3_graph img:nth-of-type(2){left: 24px;}
.res_type3_graph img:nth-of-type(3){left: 48px;}
.res_type3_graph img:nth-of-type(4){left: 72px;}
.res_type3_graph img:nth-of-type(5){left: 96px;}
.res_type3_graph img:nth-of-type(6){left: 120px;}
.res_type3_graph img:nth-of-type(7){left: 144px;}
.res_type3_graph img:nth-of-type(8){left: 168px;}
.res_type3_graph img:nth-of-type(9){left: 192px;}
.res_type3_graph img:nth-of-type(10){left: 216px;}
.res_type3_graph img:nth-of-type(11){left: 240px;}
.res_type3_graph img:nth-of-type(12){left: 264px;}

.res_type3_bg1 div.graph.res_type3_s01{	background-position: 0 0;}
.res_type3_bg1 div.graph.res_type3_s02{	background-position: -24px 0;}
.res_type3_bg1 div.graph.res_type3_s03{	background-position: -48px 0;}
.res_type3_bg1 div.graph.res_type3_s04{	background-position: -72px 0;}
.res_type3_bg1 div.graph.res_type3_s05{	background-position: -96px 0;}
.res_type3_bg1 div.graph.res_type3_s06{	background-position: -120px 0;}
.res_type3_bg1 div.graph.res_type3_s07{	background-position: -144px 0;}
.res_type3_bg1 div.graph.res_type3_s08{	background-position: -168px 0;}
.res_type3_bg1 div.graph.res_type3_s09{	background-position: -192px 0;}
.res_type3_bg1 div.graph.res_type3_s10{	background-position: -216px 0;}
.res_type3_bg1 div.graph.res_type3_s11{	background-position: -240px 0;}
.res_type3_bg1 div.graph.res_type3_s12{	background-position: -264px 0;}

.res_type3_year{
	width: 288px;
	height: 12px;
	position: absolute;
	left: 10px;
	top: 161px;
	display: flex;
}
.res_type3_year span{
	width: 24px;
	color: #263347;
	font-size: 50%;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: normal;
	line-height: 1rem;
	letter-spacing: -0.7px;
}

[class^="res_type3_point"]{
	width: 20px;
	height: 192px;
} 

.res_type3_point1{	box-sizing: border-box; border: 2px solid #00a945; background-color: rgba(0,238,92,0.2);}
.res_type3_point2{	box-sizing: border-box; border: 2px solid #ffde00; background-color: rgba(252,255,0,0.2);}
.res_type3_point3{	box-sizing: border-box; border: 2px solid #da4a4a; background-color: rgba(218,74,74,0.2);}
.res_type3_point4{	box-sizing: border-box; border: 2px solid #ff9b24; background-color: rgba(255,155,36,0.2);}
.res_type3_point5{	box-sizing: border-box; border: 2px solid #2761c1; background-color: rgba(39,97,183,0.2);}

.res_type3_p1{position: absolute; left: 12px; top: 14px;}
.res_type3_p2{position: absolute; left: 36px; top: 14px;}
.res_type3_p3{position: absolute; left: 60px; top: 14px;}
.res_type3_p4{position: absolute; left: 84px; top: 14px;}
.res_type3_p5{position: absolute; left: 108px; top: 14px;}
.res_type3_p6{position: absolute; left: 132px; top: 14px;}
.res_type3_p7{position: absolute; left: 156px; top: 14px;}
.res_type3_p8{position: absolute; left: 180px; top: 14px;}
.res_type3_p9{position: absolute; left: 204px; top: 14px;}
.res_type3_p10{position: absolute; left: 228px; top: 14px;}
.res_type3_p11{position: absolute; left: 252px; top: 14px;}
.res_type3_p12{position: absolute; left: 276px; top: 14px;}

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

/* ----------------------
 * result_type4
 *---------------------- */
.res_type4_trial1 {
	width: 308px;
	height: 180px;
	margin: 0 auto;
	background-size: 100% 100%;
}
.res_type4_trial2 {
	width: 308px;
	height: 204px;
	margin: 0 auto;
	background-size: 100% 100%;
}
.res_type4_trial_btn_box {
	width: 280px;
	height: 80px;
	margin: 0 auto;
	padding: 108px 0 0;
}
.res_type4_trial_btn_box input {
	width: 100%;
	height: 100%;
	cursor: pointer;
	outline: 0;
}
.res_type4_bg1, .res_type4_bg2 {
	width: 316px;
	margin: 0 auto 8px;
	padding: 10px 0px 18px;
	color: #422700;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 12px;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
	background-size: 100% auto, 100% auto, 100% auto;
}
.res_type4_table {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: center;
	line-height: 100%;
	width: 296px;
	margin: 0 auto;
	overflow: hidden;
}
.res_type4_table th {
	width: 62px;
	padding: 14px 4px 5px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #25366b;
	letter-spacing: -0.05em;
	white-space: nowrap;
}
.res_type4_table td {
	padding: 2px 4px;
	vertical-align: middle;
	background: #000;	
    -moz-box-shadow:inset 0 0 4px 0#863;
    -webkit-box-shadow:inset 0 0 4px 0#863;
    box-shadow:inset 0 0 4px 0 #863;
}
.res_type4_table td { white-space: nowrap; }
.res_type4_table td:last-child { white-space: normal; }
.res_type4_bg2 .res_type4_table { font-size: 90%; }
.res_type4_table tr.res_type4_red td { color: #ff0; box-shadow:inset 0 0 4px 0 #f80; }
.res_type4_table tr.res_type4_red td { color: #ff0; }

.jikiBox { font-size: 190%; }
.free-container .blur {
	background-image: url(../images/result/blur/sp/text_img_m3.png);
	margin-top: 5px;
	padding-top: 30px;
	height: 125px;
}
.free-container .secMsg .blur {
	background-image: url(../images/result/blur/sp/text_img_m2.png);
	padding-top: 9px;
	height: 80px;
}
/*######### blur End #########*/
/*########################## result-container End ##########################*/

.next_alert {
	width: 87%;
	font-size: 13px;
}
.result-container .secYudo .yudo2 {
	background-image: url(../images/result/sp/resInfoTop14.jpg);
	background-size: 100%;
	padding-top: 40px;
}
.result-container .secYudoMsg { padding: 0 10px 20px; width: 100%; }
.result-container .secYudoMsg .float { margin: 0 auto 0 0; width: 100%; }
.result-container .secYudoMsg, .result-container .secListing .secYudo .listLast .secYudoMsg { min-height: 230px; }
.result-container .secYudoMsg { background-image: url(../images/result/sp/resMsgImg8.jpg); }
.result-container .secListing .secYudo .listLast .secYudoMsg { background-image: url(../images/result/sp/resMsgImg7.jpg); }
.result-container .secYudoMsg .float,
.result-container .secListing .secYudo .listLast .secYudoMsg .float {
	padding: 10px 16px;
	width: 220px;
	max-width: 100%;
	font-size: 0.85em;
    line-height: 1.7em;
}

.secYudo .komiInfo {
	background-size: 100%;
	margin-bottom: 10px;
	padding: 70px 20px 30px;
}
.secCont.secNew {
	background-image: url(../images/top/sp/newTop.jpg),url(../images/top/sp/newBtm.jpg),url(../images/top/sp/newBg.jpg);
	background-size: 100%;
	padding: 325px 15px 40px;
}
.secCont.secIntro {
	background-image: url(../images/top/sp/introTop.jpg),url(../images/top/sp/introBg.jpg);
	background-size: 100%;
	padding: 250px 0 10px;
}

.introSummary .introSummBtn {
    background-size: 100%;
    margin: 0 auto;
	width: 155px;
	height: 82px;
}
.introSummary .introSummBtn.introSummBtn1 { background-image: url(../images/top/sp/introBtn1.jpg); }
.introSummary .introSummBtn.introSummBtn2 { background-image: url(../images/top/sp/introBtn2.jpg); }
.top-container .secCont .secInner {
	background: url(../images/top/sp/newDiv.png) no-repeat center top;
	background-size: 100%;
	margin-bottom: 6px;
	padding-top: 18px;
	display: table;
	width: 100%;
	height: 30px;
}
.top-container .secCont .secInner:first-child { background: none; padding-top: 0; }

.secCont.secSpecial {
	background-image: url(../images/top/sp/spTop.jpg),url(../images/top/sp/spBtm.jpg),url(../images/top/sp/spBg.jpg);
	background-size: 100%;
	padding: 285px 10px 50px;
}
.secCont.secSpecial .spCatch {
	background-image: url(../images/top/sp/boxTop.png),url(../images/top/sp/boxBtm.png),url(../images/top/sp/boxBg.png);
	background-size: 104%;
	margin-bottom: 10px;
	padding: 13px;
}
.secCont.secReview {
	background-image: url(../images/top/sp/reviewTop.jpg),url(../images/top/sp/reviewBtm.jpg),url(../images/top/sp/reviewBg.jpg);
	background-size: 100%;
	padding: 215px 10px 40px;
}
.secCont.secReview .reviewMessage {
	background-position: -20px top;
	background-size: 85px;
	margin-bottom: 10px;
	padding-left: 65px;
	font-size: 1em;
}
.secCont.secReview .reviewTitle {
	background-image: url(../images/top/sp/boxTop.png),url(../images/top/sp/boxBtm.png),url(../images/top/sp/boxBg.png);
	background-size: 104% auto;
	padding: 14px;
}
.secCont.secReview .reviewQuestion {
	padding: 8px 10px;
}
.secCont.secReview .reviewBlock {
	margin-bottom: 10px;
	padding: 0 10px 20px;
}
.secCont.secReview .reviewComment {
	padding: 0 5px;
}

.top-container .secCont .secList {
	background-size: 100%;
	padding: 111px 5px 30px;
}
.top-container .secCont .secList.secLove { background-image: url(../images/top/sp/cateTop1.jpg),url(../images/top/sp/cateBtm1.jpg),url(../images/top/sp/cateBg1.jpg); }
.top-container .secCont .secList.secMarry { background-image: url(../images/top/sp/cateTop2.jpg),url(../images/top/sp/cateBtm2.jpg),url(../images/top/sp/cateBg2.jpg); }
.top-container .secCont .secList.secLife { background-image: url(../images/top/sp/cateTop3.jpg),url(../images/top/sp/cateBtm3.jpg),url(../images/top/sp/cateBg3.jpg); }
.top-container .secCont .secList .ichiInner,
.top-container .secCont .secList .secInnerInfo {
	background-size: 100%;
	margin-bottom: 0;
	padding: 0;
}
.top-container .secCont .secList .ichiInner,
.top-container .secCont .secList .secInnerInfo { padding: 30px 20px 15px; }
.top-container .secCont .secList.secLove .ichiInner, .top-container .secCont .secList.secLove .secInnerInfo { background-image: url(../images/top/sp/cateSpTop1.jpg),url(../images/top/sp/cateSpBtm1.jpg),url(../images/top/sp/cateSpBg1.jpg); }
.top-container .secCont .secList.secMarry .ichiInner, .top-container .secCont .secList.secMarry .secInnerInfo { background-image: url(../images/top/sp/cateSpTop2.jpg),url(../images/top/sp/cateSpBtm2.jpg),url(../images/top/sp/cateSpBg2.jpg); }
.top-container .secCont .secList.secLife .ichiInner, .top-container .secCont .secList.secLife .secInnerInfo { background-image: url(../images/top/sp/cateSpTop3.jpg),url(../images/top/sp/cateSpBtm3.jpg),url(../images/top/sp/cateSpBg3.jpg); }
.top-container .secCont .secList .secInnerInfo .secInner { flex: 100%; padding: 0; }

.top-container .secFree .productBtn {
	background-size: 102%;
	height: 127px;
}
.top-container .secFree .productBtn.bnkf01 { background-image: url(../images/top/sp/freeBtn1.jpg); }
/*
.top-container .secFree .productBtn.bnk00 { background-image: url(../images/top/sp/freeBtn2.jpg); }
.top-container .secFree .productBtn.bnk97 { background-image: url(../images/top/sp/freeBtn3.jpg); }
*/

.top-container .naviCate { display: none; }
.top-container .secCont .cateTop { margin-bottom: 20px; padding: 0 20px; }