@charset "euc-jp";

/*-----------------------------------
START TOP
-----------------------------------*/

/* top_text枠 */

.jb--feature_allfree_link {
	width: 860px;
	margin: 0 auto;
	font-size: 1.6em;
	padding: 10px 0 5px;
}

.jb--feature_allfree_link a:link{
	color:#ffc5e8;
	text-decoration: underline;
}

.jb--feature_allfree_link a:hover {
	color:#ffc5e8;
	text-decoration: none;
}

.jb--feature_allfree_link a:visited {
	color:#f5afff;
	text-decoration: underline;
}

.jb--feature_allfree_link span {
	display: block;
}

/* /top_text枠 */

/* 先生のコメント */
.jb--top_greeting0001 {
	width: 860px;
	margin: 0 auto;
	/*background: url(../img/top_greeting0001.jpg) no-repeat center top;*/
	font-family:"HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	height: auto;
	/*min-height: 390px;*/
}

.jb--top_greeting0001 p {
	width: 450px;
	line-height: 1.3;
	text-align: left;
	font-size:26px;
	color: #fff;
	overflow: hidden;
	text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 0.4px #000;
	padding: 30px 30px;
	margin: 50px 275px 0 45px;
	background-color: rgba(0,91,92,0.5);
	box-shadow:0 0 20px #000 inset;
	border: 2px solid #006a6e;
	border-radius: 20px;
	position: relative;
	top: 40px;
	left: 0;
}

.jb--top_greeting0001 span {color:#ffea00;}

.jb--top_greeting0002 {
	width: 860px;
	margin: 0 auto;
	background: url(../img/top_greeting0002.jpg) no-repeat center top;
	font-family:"HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	height: auto;
	min-height: 440px;
	margin-top: 0px;
}

.jb--top_greeting0002 p {
	width: 450px;
	line-height: 1.6;
	text-align: left;
	font-size:30px;
	color: #fff;
	overflow: hidden;
	text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 0.4px #000;
	padding: 30px 30px;
	margin: 50px 0 0 295px;
	background-color: rgba(0,32,125,0.5);
	box-shadow:0 0 20px #000 inset;
	border: 2px solid #2c3a9f;
	border-radius: 20px;
	position: relative;
	top: 40px;
	left: 0;
}

.jb--top_greeting0002 span {color:#ffea00;}

.jb--top_greeting0003 {
	width: 860px;
	margin: 0 auto;
	background: url(../img/top_greeting0003.jpg) no-repeat center top;
	font-family:"HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	height: auto;
	min-height: 390px;
}

.jb--top_greeting0003 p {
	width: 450px;
	line-height: 1.6;
	text-align: left;
	font-size:26px;
	color: #fff;
	overflow: hidden;
	text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 0.4px #000;
	padding: 30px 30px;
	margin: 50px 275px 0 45px;
	background-color: rgba(94,50,31,0.5);
	box-shadow:0 0 20px #000 inset;
	border: 2px solid #682017;
	border-radius: 20px;
	position: relative;
	top: 40px;
	left: 0;
}

.jb--top_greeting0003 span {color:#ffea00;}


/* /先生のコメント */

/* おすすめ鑑定 */
.jb--osusume0001 {
	width: 860px;
	margin: 20px auto 0;
	background: url(../img/top_osusume0001_bottom01.jpg) no-repeat 0 bottom,
							url(../img/top_osusume0001_bg01.jpg) repeat-y top;
	padding: 0 0 60px;
	position:relative;
}

.jb--osusume0001_subtext01 {
	background: #000;
	font-size: 1.81em;
	color:#fff;
	line-height: 1.6;
	padding: 2% 5% 2%;
	text-align: center;
}

.jb--osusume0001_subtext01 p{
}

.jb--osusume0001_subtext01 .catch01{
	font-weight: bold;
	text-shadow: 0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75);
}

.jb--osusume0001_menu01 li {
	width: 800px;
	background: url(../img/top_osusume0001_line.png) no-repeat center bottom;
	margin: 0px auto 0px;

}

.jb--osusume0001_ichioshi_btn {
	width: 460px;
	height:130px;
	position:absolute;
	bottom:110px;
	left:200px;
}

/* ローカル環境用 */
/*
.jb--osusume0001_menu01 li:last-of-type {
	background: none;
}
 */
/* アップロード後環境用 */
.jb--osusume0001_menu01 div:last-of-type li {
    background: none;
}

.jb--osusume0001_menu01_icon {
	float: left;
	width: 120px;
	margin: 5px 0 5px 30px;
}

.jb--osusume0001_menu01_icon img {
	width: 100px;
	height: 100px;
}
.jb--osusume0001_menu01_title {
	float: left;
	width: 600px;
	margin: 0 0 0 10px;
	text-align: left;
	font-size: 200%;
	font-weight: bold;
	padding-top: 15px;
	line-height: 1.4em;
}

.jb--osusume0001_menu01_caption {
	clear: both;
	width: 700px;
	margin: 0 50px 5px;
	text-align: left;
	color: #000;
	line-height: 1.4;
	font-size: 120%;
}

.jb--osusume0001_menu01_caption strong {
	color: #FF66CC;
}

.jb--osusume0001_menu01_price {
	width: 680px;
	margin: 5px 10px 50px 50px;
	text-align: right;
	color: #333;
	font-weight: bold;
	line-height: 1.2;
	font-size: 120%;
}
.jb--osusume0001 .menu_price_discount {
	color: #7400a5;
	font-size: 120%;
}
.jb--osusume0001 a:link {
	color: #111;
	text-decoration: underline;
}

.jb--osusume0001 a:visited {
	color: #111;
	text-decoration: none;
}

.jb--osusume0001 a:hover {
	color: #111;
	text-decoration: none;

}

.jb--osusume0001 a:active {
	color: #111;
	text-decoration: none;
}

.jb--osusume0001_menu01_icon {
	float: left;
	width: 120px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 30px;
	margin-bottom: 5px;
}

.jb--osusume0001_menu01_title {
	float: left;
	width: 600px;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 220%;
	font-weight: bold;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 10px 0 0 10px;
}

/* /おすすめ鑑定 */

/* イチオシ */
.jb--ichioshi {
    width: 860px;
    margin: auto;
    text-align: left;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.jb--ichioshi .text01 {
	font-size: 1.81em;
	color:#fff;
	line-height: 1.6;
	padding: 2% 5% 3%;
	text-align: center;
}

.jb--ichioshi .text01 .catch01{
	font-weight: bold;
	text-shadow: 0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75);
}

.jb--ichioshi .text02 {
	font-size: 1.81em;
	color:#fff;
	line-height: 1.6;
	padding: 0 5% 3%;
	text-align: left;
	text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
}

.jb--ichioshi .text02 .catch01{
	font-weight: bold;
	text-shadow: 0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75);
}

.jb--ichioshi a:link {
	color: #ffe71f;
	text-decoration: underline;
}

.jb--ichioshi a:visited {
	color: #ffe71f;
	text-decoration: none;
}

.jb--ichioshi a:hover {
	color: #ffe71f;
	text-decoration: none;
}

.jb--ichioshi a:active {
	color: #ffe71f;
	text-decoration: none;
}

.jb--ichioshi_menu01 {
	width: 860px;
	margin: 0px auto 5px;
	padding-bottom: 30px;
}

.jb--ichioshi_menu01 li {
	width: 860px;
	margin: 0px auto 15px;
}

.jb--ichioshi_menu01_icon img {
	width: 80px;
	height: 80px;
}

.jb--ichioshi_menu01_title {
	float: left;
	width: 840px;
	margin: 0 10px 0 10px;
	text-align: center;
	font-size: 190%;
	font-weight: bold;
	padding-top: 0px;
	line-height: 1.3;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.jb--ichioshi_menu02 {
	width: 860px;
	margin: 0px auto 5px;
	padding-bottom: 30px;
}
.jb--ichioshi_menu02 li {
	width: 860px;
	margin: 0px auto 15px;
}

.jb--ichioshi_menu03 {
	width: 860px;
	margin: 0px auto 5px;
	padding-bottom: 0;
}

.jb--ichioshi_menu03 li {
	width: 860px;
	margin: 0px auto 15px;
}

/* 3D演出部分 */
.jb--ichioshi .jb--top_canvas_wapper {
	position: relative;
}

.jb--ichioshi .jb--top_canvas_wapper .jb--top_canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.jb--ichioshi .jb--top_nosupport {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
/* /3D演出部分 */

/* /イチオシ */

/* 年運 */

/* /年運 */

/* special */

/* おすすめ鑑定 */
.jb--special0001 {
	width: 860px;
	margin: 20px auto 0;
	background: url(../img/top_special_bottom01.jpg) no-repeat 0 bottom,
							url(../img/top_special_bg01.jpg) repeat-y top;
	padding: 0 0 60px;
	position:relative;
}

.jb--special0001_subtext01 {
	background: #000;
	font-size: 1.81em;
	color:#fff;
	line-height: 1.6;
	padding: 2% 5% 2%;
	text-align: center;
}

.jb--special0001_subtext01 p{
}

.jb--special0001_subtext01 .catch01{
	font-weight: bold;
	text-shadow: 0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75),0 0 8px rgba(132, 87, 0, 0.75);
}

.jb--special0001_menu01 li {
	width: 800px;
	background: url(../img/top_special0001_line.png) no-repeat center bottom;
	margin: 0px auto 0px;

}

.jb--special0001_ichioshi_btn {
	width: 460px;
	height:130px;
	position:absolute;
	bottom:110px;
	left:200px;
}

/* ローカル環境用 */
/*
.jb--special0001_menu01 li:last-of-type {
	background: none;
}
 */
/* アップロード後環境用 */
.jb--special0001_menu01 div:last-of-type li {
    background: none;
}

.jb--special0001_menu01_icon {
	float: left;
	width: 120px;
	margin: 5px 0 5px 30px;
}

.jb--special0001_menu01_icon img {
	width: 90px;
	height: 90px;
}
.jb--special0001_menu01_title {
	float: left;
	width: 600px;
	margin: 0 0 0px 10px;
	text-align: left;
	font-size: 220%;
	font-weight: bold;
	padding-top: 15px;
	line-height: 1.4em;
}

.jb--special0001_menu01_caption {
	clear: both;
	width: 700px;
	margin: 0 50px 5px;
	text-align: left;
	color: #000;
	line-height: 1.4;
	font-size: 120%;
}

.jb--special0001_menu01_caption strong {
	color: #FF66CC;
}

.jb--special0001_menu01_price {
	width: 680px;
	margin: 5px 10px 50px 50px;
	text-align: right;
	color: #333;
	font-weight: bold;
	line-height: 1.2;
	font-size: 120%;
}
.jb--special0001 .menu_price_discount {
	color: #7400a5;
	font-size: 120%;
}
.jb--special0001 a:link {
	color: #F495FB;
	text-decoration: underline;
}

.jb--special0001 a:visited {
	color: #F495FB;
	text-decoration: none;
}

.jb--special0001 a:hover {
	color: #F495FB;
	text-decoration: none;

}

.jb--special0001 a:active {
	color: #111;
	text-decoration: none;
}

.jb--special0001_menu01_icon {
	float: left;
	width: 120px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 30px;
	margin-bottom: 5px;
}

.jb--special0001_menu01_title {
	float: left;
	width: 600px;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 200%;
	font-weight: bold;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 10px 0px 30px 10px;
}

/* /おすすめ鑑定 */
/* special/ */

/* フォーム枠 */
.jb--osusume0003 {
    width: 860px;
    margin: 0px auto 0px;
    background: url(../img/top_osusume0003_bottom01.jpg) no-repeat 0 bottom,
							url(../img/top_osusume0003_bg01.jpg) repeat-y top;
	padding-bottom: 105px;
}

.jb--osusume0003_frame {
    width: 860px;
    margin: 0px auto 0px;
    background: url(../img/top_osusume0003_top01.jpg) no-repeat 0 top;
	padding: 40px 0 0;
}

.jb--osusume0003_menu01 li {
	width: 760px;
	margin: 0px auto 0px;
	padding: 0px 0 0px 0;
	position: relative;
}

.jb--osusume0003_menu02 li {
	width: 760px;
	background: url(../img/top_osusume0001_line.png) no-repeat center bottom;
	margin: 0px auto 20px;
	padding: 0px 0 10px 0;
	position: relative;
}

/* ローカル環境用 */
/*
.jb--osusume0003_menu02 li:last-of-type {
	background: none;
}
 */
/* アップロード後環境用 */
.jb--osusume0003_menu02 div:last-of-type li {
    background: none;
}

.jb--osusume0003_menu02_icon {
	float: left;
	width: 120px;
	margin: 5px 0 5px 40px;
}

.jb--osusume0003_menu02_icon img {
	width: 100px;
	height: 100px;
}
.jb--osusume0003_menu02_title {
	float: left;
	width: 560px;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 220%;
	font-weight: bold;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 10px 0 0 0px;
}

.jb--osusume0003_menu02_caption {
	clear: both;
	width: 670px;
	margin: 0 50px 5px;
	text-align: left;
	color: #000;
	line-height: 1.4;
	font-size: 120%;
}

.jb--osusume0003_menu02_caption strong {
	color: #FF66CC;
}

.jb--osusume0003_menu02_price {
	width: 660px;
	margin: 5px 10px 30px 50px;
	text-align: right;
	color: #660000;
	font-weight: bold;
	line-height: 1.2;
	font-size: 120%;
}
.jb--osusume0003 .menu_price_discount {
	color: #7400a5;
	font-size: 120%;
}
.jb--osusume0003 a:link {
	color: #007334;
	text-decoration: underline;
}
.jb--osusume0003 a:visited {
    color: #00330d
		;
    text-decoration: none;
}
.jb--osusume0003 a:hover {
    color: #00cc5c;
    text-decoration: none;
}
.jb--osusume0003 a:active {
	color: #007334;
	text-decoration: none;
}
/* TOP form 入力フォーム */
.jb--osusume0003_form0001 {
	width: 860px;
	margin: 0px auto 0px;
	color: #fff;
	padding: 0px 0 0px;
	text-align: center;
}

.jb--osusume0003_form0001 h2 {
	width: 760px;
	height: 335px;
}


/* あなたの情報 */

.jb--osusume0003_form0001-i {
	background:	url(../img/top_osusume0003_bg01.jpg) repeat-y top;
	margin: 0 auto 0;
	color: #222;
}

.jb--form0001-i_table01 {
	width: 680px;
	margin: 0 auto;
	color: #000;
}

.jb--form0001-i_table01 .tell {
	margin-top: 15px;
}
.jb--form0001-i_table01 tr {
	text-align: left;
}
.jb--form0001-i_table01 th {
	height: 40px;
	text-align: right;
	padding: 5px 4px;
	font-size: 200%;
	font-weight: bold;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	vertical-align: top;
}
.jb--form0001-i_table01 td {
	padding: 0 0 4px 0;
	vertical-align: middle;
}

.jb--form0001-i_table01 input[type=radio] {
	display: inline-block;
	margin: 3px 3px 4px 5px;
	position: relative;
	top: 6px;
	vertical-align: baseline;
	font-size: 170%;
}


/* あの人の情報 */

.jb--form0001-y_table01 {
	width: 680px;
	margin: 0 auto;
	color: #000;
}

.jb--form0001-y_table01 .tell {
	margin-top: 15px;
}
.jb--form0001-y_table01 tr {
	text-align: left;
}
.jb--form0001-y_table01 th {
	height: 40px;
	text-align: right;
	padding: 5px 4px;
	font-size: 200%;
	font-weight: bold;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	vertical-align: top;
}
.jb--form0001-y_table01 td {
	padding: 0 0 4px 0;
	vertical-align: middle;
}

.jb--form0001-y_table01 input[type=radio] {
	display: inline-block;
	margin: 3px 3px 4px 5px;
	position: relative;
	top: 6px;
	vertical-align: baseline;
	font-size: 170%;
}

/* form elements */

#isei,#imei,#ysei,#ymei,#iseiyomi,#imeiyomi,#yseiyomi,#ymeiyomi,#iseiroman,#imeiroman,#yseiroman,#ymeiroman,#free1,#free2 {
	font-size: 200%;
	height: 1.4em;
}
#isei,#imei,#ysei,#ymei {
	width:220px;
	font-size: 200%;
	height: 1.4em;
}

#iname,#yname {
	width:410px;
	font-size: 150%;
	line-height: 24px;
	height: 26px;
	border: 1px solid #aaa;
	margin:7px 0 0 0;
}

#iyear,#yyear {
	width:150px;
	font-size: 180%;
}

#imonth,#ymonth,#idate,#ydate,#ihour,#yhour,#iminute,#yminute {
	width:100px;
	font-size: 180%;
}

#iyear, #imonth, #idate,
#yyear, #ymonth, #ydate,
#ihour, #iminute, #yhour, #yminute,
#ibplace, #ybplace {
	margin: 8px 0;
	border: 1px solid #aaa;
}

#ibplace,#ybplace {
	font-size: 180%;
}

#iname,#yname {width:410px;}
#iyear,#yyear {width:150px;}
#imonth,#ymonth,#idate,#ydate {width:100px;}
#ihour,#yhour {width:100px;}
#iminute,#yminute {width:100px;}

.formUnit {
	font-size: 19px;
	color: #44280b;
	margin: 0 5px 0 0;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}
.formUnit01 {
	font-size: 200%;
	color: #44280b;
	margin: 0 5px 0 10px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.formUnit02 {
	font-size: 15px;
	font-weight: bold;
	color: #a72900;
	margin-left: 10px;
}

.formUnit03 {
	color:#a72900;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 5px;
	margin: 0 0 0 0;
	height: auto;
}

.formUnit03_seimei {
	color:#a72900;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 5px;
	margin: 0 0 0 0;
	height: auto;
	text-align: right;
}

.formUnit04 {
	color: #f00;
	font-weight: bold;
	font-size: 110%;
	text-align: left;
}

.formUnitF {
	font-size: 19px;
	color: #7e0d32;
	font-weight: bold;
	vertical-align: middle;
	position: relative;
	top: 3px;
}

.formUnitM {
	font-size: 19px;
	color: #0d1a7e;
	font-weight: bold;
	vertical-align: middle;
	position: relative;
	top: 3px;
}

.formUnitYSEX {
	display: inline-block;
	vertical-align: middle;
	font-size: 160%;
	height: auto;
}

/* /form elements */

/* /入力フォーム */
.jb--osusume0003_form0001_btn01 {
	margin: 20px auto 0;
}

.jb--osusume0003_form0001_btn01 ul {
	width: 680px;
	margin: 0 auto;
}

.jb--osusume0003_form0001_btn01 ul li {
	width: 50%;
	float: left;
}

.jb--osusume0003_form0001_btn01 ul li img {
	max-width:100%;
	height: auto;
}

.jb--osusume0003_form0001_btn01 + .jb--osusume0003_form0001_attention-text01 {
	margin-top: 0;
	margin-bottom: 0;
}

.jb--osusume0003_form0001_attention-text01:last-child {
	margin-bottom: 0px;
}

.jb--osusume0003_form0001_attention-text01 {
	clear: both;
	margin: 30px auto 0px;
	color: #000;
	font-size: 110%;
	line-height: 1.5;
	text-align: center;
}

/* /フォーム枠 */

/* 人生おすすめ */
.jb--osusume0002 {
	width: 860px;
	margin: 0 auto 0;
	background: url(../img/top_osusume0002_bottom01.jpg) no-repeat center bottom,
							url(../img/top_osusume0002_bg01.jpg) repeat-y center 50px;
	text-align: left;
	padding: 0 0 70px;
}

.jb--osusume0002 a:link {
	color: #111;
	text-decoration: underline;
}

.jb--osusume0002 a:visited {
	color: #111;
	text-decoration: none;
}

.jb--osusume0002 a:hover {
	color: #111;
	text-decoration: none;
}

.jb--osusume0002 a:active {
	color: #111;
	text-decoration: none;
}

.jb--osusume0002_menu01 li {
	width: 860px;
	background: url(../img/top_osusume0002_menu_top01.png) no-repeat 0 top,
						url(../img/top_osusume0002_menu_bottom01.png) no-repeat 0 bottom,
							url(../img/top_osusume0002_menu_bg01.png) repeat-y 0 0;
	margin: 0 auto 10px;
	padding: 5px 0 40px;
}

.jb--osusume0002_menu01_icon {
	float: left;
	width: 100px;
	margin: 35px 5px 5px 90px;
}

.jb--osusume0002_menu01_icon img {
	width: 110px;
	height: 110px;
}

.jb--osusume0002_menu01_title {
	float: left;
	width: 555px;
	margin: 0 0 0 15px;
	text-align: left;
	font-size: 220%;
	font-weight: bold;
	padding-top: 50px;
	line-height: 1.3;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.jb--osusume0002_menu01_caption {
	clear: both;
	margin: 0 0 10px 95px;
	text-align: left;
	color: #333;
	line-height: 1.2;
	font-size: 120%;
	width: 680px;
}

.jb--osusume0002_menu01_price {
	width: 730px;
	margin: 0 0 0 50px;
	text-align: right;
	color: #333;
	font-size: 120%;
	font-weight: bold;
}

/* /人生おすすめ */


/* 恋愛特別鑑定 */
.jb--osusume0004 {
	width: 860px;
	margin: 0 auto 0;
	background: url(../img/top_osusume0004_bottom01.jpg) no-repeat 0 bottom,
							url(../img/top_osusume0004_bg01.jpg) repeat-y top;
	padding: 0 0 60px;
	position:relative;
}

.jb--osusume0004_menu01 li {
	width: 800px;
	background: url(../img/top_osusume0004_line.png) no-repeat center bottom;
	margin: 0px auto 0px;

}

.jb--osusume0004_ichioshi_btn {
	width: 460px;
	height:130px;
	position:absolute;
	bottom:110px;
	left:200px;
}

/* ローカル環境用 */
/*
.jb--osusume0001_menu01 li:last-of-type {
	background: none;
}
 */
/* アップロード後環境用 */
.jb--osusume0004_menu01 div:last-of-type li {
    background: none;
}

.jb--osusume0004_menu01_icon {
	float: left;
	width: 120px;
	margin: 5px 0 5px 30px;
}

.jb--osusume0004_menu01_icon img {
	width: 100px;
	height: 100px;
}
.jb--osusume0004_menu01_title {
	float: left;
	width: 600px;
	margin: 0 0 0 10px;
	text-align: left;
	font-size: 200%;
	font-weight: bold;
	padding-top: 15px;
	line-height: 1.4em;
}

.jb--osusume0004_menu01_caption {
	clear: both;
	width: 700px;
	margin: 0 50px 5px;
	text-align: left;
	color: #000;
	line-height: 1.4;
	font-size: 120%;
}

.jb--osusume0004_menu01_caption strong {
	color: #FF66CC;
}

.jb--osusume0004_menu01_price {
	width: 680px;
	margin: 5px 10px 50px 50px;
	text-align: right;
	color: #333;
	font-weight: bold;
	line-height: 1.2;
	font-size: 120%;
}
.jb--osusume0004 .menu_price_discount {
	color: #7400a5;
	font-size: 120%;
}
.jb--osusume0004 a:link {
	color: #111;
	text-decoration: underline;
}

.jb--osusume0004 a:visited {
	color: #111;
	text-decoration: none;
}

.jb--osusume0004 a:hover {
	color: #111;
	text-decoration: none;

}

.jb--osusume0004 a:active {
	color: #111;
	text-decoration: none;
}

.jb--osusume0004_menu01_icon {
	float: left;
	width: 120px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 30px;
	margin-bottom: 5px;
}

.jb--osusume0004_menu01_title {
	float: left;
	width: 600px;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 220%;
	font-weight: bold;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 10px 0 0 10px;
}

/* /恋愛特別鑑定 */



/* 完全無料 */

.jb--allfree0001 {
	width: 860px;
	margin: 15px auto 0;
	text-align: center;	
}

.jb--allfree0001_menu {
	margin-top: 0;
	min-height: 690px;
	background: url(../img/top_allfree_bg01.jpg) no-repeat center top;
}

/* /完全無料 */

/* 新着無料関連 */

.jb--top_allfree_new_text {
	width: 740px;
	margin: 20px auto 10px;
	padding: 10px 0;
	font-size: 1.6em;
	color:#FFF;
	border: 3px double #a2841d;
	background-color: #000;
}

.jb--top_allfree_new_text a{
	font-weight: bold;
}

.jb--top_allfree_new_text a:link {
	color: #febf00;
	text-decoration: underline;
}

.jb--top_allfree_new_text a:active {
	color: #febf00;
	text-decoration: none;
}

.jb--top_allfree_new_text a:hover {
	color: #febf00;
	text-decoration: none;
}

.jb--top_allfree_new_text a:visited {
	color: #d9a853;
	text-decoration: none;
}

/* /新着無料関連 */

/*-----------------------------------
END TOP
-----------------------------------*/

/*-----------------------------------
START INP
-----------------------------------*/

/* INPメニューキャプション */

.jb--inpmenu0001_caption01 {
	clear: both;
	width: 700px;
	margin: 15px auto;
	border: 3px double #d4ac6a;
	text-align: left;
	color: #fff;
	line-height: 1.4;
	font-size: 120%;
}

.jb--inpmenu0001_caption01 p {
	padding: 20px;
	background-color: #28002b;
}

/* /INPメニューキャプション */

/* INP項目リストパックメニュー色 */
.jb--cmn-item-list0001_title01 {
	padding: 0;
	line-height: 1.4;
	font-weight: bold;
	color: #b30000;
	margin-left: 152px;
	margin-top: 10px;
	font-size: 130%;
	border-bottom: 1px solid #000;
	margin-right: 152px;
}

/* /INP項目リストパックメニュー色 */

/* INP項目リスト子要素罫線色 */
.jb--cmn-item-list0001 .item_list_child li {
	background: none;
	color: #b30000;
	margin-top: 2px;
	padding-left: 75px;
	font-size: 110%;
	vertical-align: middle;
}

/* /INP項目リスト子要素罫線色 */

/* INP_RES通常価格フォント色 */
.jb--form0001_price01 {
	color: #fc0;
	font-weight: bold;
	font-size: 130%;
}
/* /INP_RES通常価格フォント色 */

/*-----------------------------------
END INP
-----------------------------------*/

/*-----------------------------------
START RES
-----------------------------------*/
/* RESあいさつ */
.jb--resgreeting0001 {
	width: 860px;
	margin: 0 auto;
	background: url(../img/res_greeting0001.jpg) no-repeat center bottom;
	font-family:"HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	height: auto;
	min-height: 400px;
	padding-bottom: 30px;
}

.jb--resgreeting0001 p {
	width: 480px;
	line-height: 140%;
	text-align: left;
	font-size:22px;
	color: #fff;
	overflow: hidden;
	text-shadow: 0 0 5px #990066, 0 0 5px #990066;
	padding: 30px 30px;
	margin: 20px 275px 0 45px;
	background-color: rgba(89,0,67,0.6);
	box-shadow:0 0 20px #800055;
	border: 1px solid #990066;
	border-radius: 30px;
	position: relative;
	top: 10px;
	left: 0;
}

.jb--resgreeting0001_text-catch01 {color:#ffff00;}

.jb--resgreeting0001_text-catch02 {color:#63faff;}

.jb--resgreeting0001_text-catch03 {color:#ff9aff;}

.jb--resgreeting0002 {
	width: 860px;
	margin: 0 auto;
	background: url(../img/res_greeting0002.jpg) no-repeat center bottom;
	font-family:"HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	height: auto;
	min-height: 260px;
}

.jb--resgreeting0002 p {
    line-height: 140%;
    text-align: center;
    font-size: 25px;
    color: #fff;
    overflow: hidden;
    text-shadow: 0 0 10px #d500ff,0 0 20px #d500ff;
    padding: 60px 40px 30px;
}

.jb--resgreeting0002_text-catch01 {color:#ffff00;}


/* /RESあいさつ */

/* おすすめテキスト */

.jb--osusume_text0001 {
	width: 860px;
	margin: 0 auto;
	background: url(../img/res_osusume_text0001.jpg) no-repeat center top;
	font-family:"HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	height: auto;
	min-height: 220px;
	padding-bottom: 40px;
}

.jb--osusume_text0001 p {
	width: 750px;
	line-height: 160%;
	text-align: left;
	font-size:20px;
	padding: 30px 55px 0;
	color: #fff;
	overflow: hidden;
    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 0.4px #000;
}

.jb--osusume_text0001 p:before {
	content: "";
	display: block;
	width: 270px;
	height: 220px;
	float: left;
	margin: 0 30px 0 0;
}

.jb--osusume_text0001_text-catch01 {color:#ffea00;}


.jb--osusume_text0002 {
	width: 860px;
	margin: 0 auto;
	background: url(../img/res_osusume_text0002.jpg) no-repeat center top;
	font-family:"HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	height: auto;
	min-height: 220px;
	padding-bottom: 10px;
}

.jb--osusume_text0002 p {
	width: 760px;
	line-height: 160%;
	text-align: left;
	font-size: 180%;
    padding: 30px 50px 0;
	color: #fff;
	overflow: hidden;
}

.jb--osusume_text0002 p:before {
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	float: right;
	margin: 0 0 10px 30px;
}

.jb--osusume_text0002_text-catch01 {color:#ffea00;}

/* /おすすめテキスト */

/* BASE */
.jb--base0001 {
	background: url(../img/base/base_bottom01.jpg) no-repeat center 100%,
		url(../img/base/base_bg01.jpg) repeat-y center 0;
	-webkit-background-size: 860px auto;
	        background-size: 860px auto;
	text-align: left;
	font-size: 138%;
	color: #FFF;
	line-height: 1.6;
}

.jb--sample_base0001 {
	text-align: left;
	font-size: 138%;
	color: #FFF;
	line-height: 1.6;
}

.jb--base0001_area {
	width: 860px;
	margin: 0 auto;
}

.jb--base0001_title {
	text-align: center;
}

.jb--base0001_result_inner {
	width: 860px;
	background: url(../img/base/base_top01.png) no-repeat 0 0;
	padding: 130px 0px 0px;
	position: relative;
	z-index: 501;
}

.jb--base0001_result_color_caption01 {
	width: 100%;
	font-size: 22px;
	text-align: center;
	position: absolute;
	top: 84px;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.jb--base0001 .jb--base0001_result_color_caption01 span {
	font-weight: normal;
}

.jb--base0001_result_color_caption01 span + span {
	margin-left: 1em;
}

.jb--base0001_profile_text01 {
	color: #fff;
	font-size: 22px;
	line-height: 1.5;
	text-align: center;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 0.4px #000;
	width: 100%;
	padding-top: 8px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 600;
}

.jb--base0001_profile_text01 .anata {
	color: #ffb2e5;
}

.jb--base0001_txt01 {
	width: 860px;
	background: url(../img/base/base_frame_top01.jpg) no-repeat 0 0,
				url(../img/base/base_frame_bottom01.jpg) no-repeat center bottom,
				url(../img/base/base_frame_bg01.jpg) repeat-y;
	padding: 58px 0 48px;
}

.jb--base0001_txt01 p {
	padding: 0 110px;
	color: #000;
}

.jb--base0001_txt02 {
	width: 860px;
	background: url(../img/base/base_frame_top01.jpg) no-repeat 0 0,
				url(../img/base/base_frame_bottom01.jpg) no-repeat center bottom,
				url(../img/base/base_frame_bg01.jpg) repeat-y;
	padding: 58px 0 48px;
}

.jb--base0001_txt02 p {
	padding: 0 110px;
	color: #000;
}

.jb--base0001_txt03 {
	width: 860px;
	padding: 58px 0 118px;
	background: url(../img/base/base_frame_top01.jpg) no-repeat 0 0,
				url(../img/base/base_bottom01.jpg) no-repeat center bottom,
				url(../img/base/base_frame_bg01.jpg) repeat-y;
}

.jb--base0001_txt03 p {
	padding: 0 110px;
	color: #000;
}

.jb--base0001 span {
	font-weight: bold;
}
.jb--base0001_txt01 .red    { color: #ff002a;}
.jb--base0001_txt01 .orange { color: #ff5500;}
.jb--base0001_txt01 .yellow { color: #cc8800;}
.jb--base0001_txt01 .green  { color: #009944;}
.jb--base0001_txt01 .blue   { color: #0086b2;}
.jb--base0001_txt01 .indigo { color: #0047b2;}
.jb--base0001_txt01 .purple { color: #bf00bf;}

.jb--base0001_txt02 .red    { color: #ff002a;}
.jb--base0001_txt02 .orange { color: #ff5500;}
.jb--base0001_txt02 .yellow { color: #cc8800;}
.jb--base0001_txt02 .green  { color: #009944;}
.jb--base0001_txt02 .blue   { color: #0086b2;}
.jb--base0001_txt02 .indigo { color: #0047b2;}
.jb--base0001_txt02 .purple { color: #bf00bf;}

.jb--base0001_txt03 .red    { color: #ff002a;}
.jb--base0001_txt03 .orange { color: #ff5500;}
.jb--base0001_txt03 .yellow { color: #cc8800;}
.jb--base0001_txt03 .green  { color: #009944;}
.jb--base0001_txt03 .blue   { color: #0086b2;}
.jb--base0001_txt03 .indigo { color: #0047b2;}
.jb--base0001_txt03 .purple { color: #bf00bf;}

.jb--base0001_result_color_caption01 .red    { color: #ff738a;}
.jb--base0001_result_color_caption01 .orange { color: #ff9e59;}
.jb--base0001_result_color_caption01 .yellow { color: #ffe566;}
.jb--base0001_result_color_caption01 .green  { color: #5ce59a;}
.jb--base0001_result_color_caption01 .blue   { color: #33ccff;}
.jb--base0001_result_color_caption01 .indigo { color: #9999ff;}
.jb--base0001_result_color_caption01 .purple { color: #f699ff;}

.jb--base0002 {
	background: url(../img/base/base_bottom02.jpg) no-repeat center 100%,
		url(../img/base/base_bg01.jpg) repeat-y center 0;
	-webkit-background-size: 860px auto;
	        background-size: 860px auto;
	text-align: left;
	font-size: 138%;
	color: #FFF;
	line-height: 1.6;
}

.jb--base0002_area {
	width: 860px;
	margin: 0 auto;
}

.jb--base0002_title {
	text-align: center;
}

.jb--base0002_result_inner {
	width: 860px;
	background: url(../img/base/base_top02.png) no-repeat 0 0;
	padding: 130px 0px 0px;
	position: relative;
	z-index: 501;
}

.jb--base0002_result_color_caption01 {
	width: 100%;
	font-size: 22px;
	text-align: center;
	position: absolute;
	top: 84px;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.jb--base0002 .jb--base0002_result_color_caption01 span {
	font-weight: normal;
}

.jb--base0002_result_color_caption01 span + span {
	margin-left: 1em;
}

.jb--base0002_profile_text01 {
	color: #fff;
	font-size: 22px;
	line-height: 1.5;
	text-align: center;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 0.4px #000;
	width: 100%;
	padding-top: 8px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 600;
}

.jb--base0002_profile_text01 .anata {
	display: inline-block;
	color: #ffb2e5;
	text-align: center;
	padding: 0 20px 0 60px;
}

.jb--base0002_profile_text01 .anohito {
	display: inline-block;
	color: #b2d9ff;
	text-align: center;
	padding: 0 60px 0 20px;
}

.jb--base0002_txt01 {
	width: 860px;
	background: url(../img/base/base_frame_top02.jpg) no-repeat 0 0,
				url(../img/base/base_frame_bottom02.jpg) no-repeat center bottom,
				url(../img/base/base_frame_bg02.jpg) repeat-y;
	padding: 58px 0 48px;
}

.jb--base0002_txt01 p {
	padding: 0 110px;
	color: #000;
}

.jb--base0002_txt02 {
	width: 860px;
	background: url(../img/base/base_frame_top02.jpg) no-repeat 0 0,
				url(../img/base/base_frame_bottom02.jpg) no-repeat center bottom,
				url(../img/base/base_frame_bg02.jpg) repeat-y;
	padding: 58px 0 48px;
}

.jb--base0002_txt02 p {
	padding: 0 110px;
	color: #000;
}

.jb--base0002_txt03 {
	width: 860px;
	padding: 58px 0 118px;
	background: url(../img/base/base_frame_top02.jpg) no-repeat 0 0,
				url(../img/base/base_bottom02.jpg) no-repeat center bottom,
				url(../img/base/base_frame_bg02.jpg) repeat-y;
}

.jb--base0002_txt03 p {
	padding: 0 110px;
	color: #000;
}

.jb--base0002 span {
	font-weight: bold;
}
.jb--base0002_txt01 .red    { color: #ff002a;}
.jb--base0002_txt01 .orange { color: #ff5500;}
.jb--base0002_txt01 .yellow { color: #cc8800;}
.jb--base0002_txt01 .green  { color: #009944;}
.jb--base0002_txt01 .blue   { color: #0086b2;}
.jb--base0002_txt01 .indigo { color: #0047b2;}
.jb--base0002_txt01 .purple { color: #bf00bf;}

.jb--base0002_txt02 .red    { color: #ff002a;}
.jb--base0002_txt02 .orange { color: #ff5500;}
.jb--base0002_txt02 .yellow { color: #cc8800;}
.jb--base0002_txt02 .green  { color: #009944;}
.jb--base0002_txt02 .blue   { color: #0086b2;}
.jb--base0002_txt02 .indigo { color: #0047b2;}
.jb--base0002_txt02 .purple { color: #bf00bf;}

.jb--base0002_txt03 .red    { color: #ff002a;}
.jb--base0002_txt03 .orange { color: #ff5500;}
.jb--base0002_txt03 .yellow { color: #cc8800;}
.jb--base0002_txt03 .green  { color: #009944;}
.jb--base0002_txt03 .blue   { color: #0086b2;}
.jb--base0002_txt03 .indigo { color: #0047b2;}
.jb--base0002_txt03 .purple { color: #bf00bf;}

.jb--base0002_result_color_caption01 .red    { color: #ff738a;}
.jb--base0002_result_color_caption01 .orange { color: #ff9e59;}
.jb--base0002_result_color_caption01 .yellow { color: #ffe566;}
.jb--base0002_result_color_caption01 .green  { color: #5ce59a;}
.jb--base0002_result_color_caption01 .blue   { color: #33ccff;}
.jb--base0002_result_color_caption01 .indigo { color: #9999ff;}
.jb--base0002_result_color_caption01 .purple { color: #f699ff;}

/* resfree */
.jb--base0001_txt01 .fade1,
.jb--base0002_txt01 .fade1 {
	width: 662px;
	padding: 132px 0;
	background-image: url(../img/base/base_item_fade01.png);
}
.jb--base0001_txt01 .fade_allfree,
.jb--base0002_txt01 .fade_allfree {
	width: 662px;
	margin: 0 auto;
	padding: 132px 0;
	background-image: url(../img/base/base_item_fade_allfree01.png);
}

.jb--base0001_txt02 .fade2,
.jb--base0002_txt02 .fade2 {
	width: 662px;
	padding: 132px 0;
	background-image: url(../img/base/base_item_fade02.png);
}

/* --BASE演出 */

.jb--base0001_chart {
	position: relative;
	z-index: 0;
	width: 800px;
	height: 0;
	padding-top: 433px;
	margin: 0 auto -29px;
	background: url(../img/base/base_chart_bg01.jpg) no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	overflow: hidden;
}

.jb--base0002_chart {
	position: relative;
	z-index: 0;
	width: 800px;
	height: 0;
	padding-top: 433px;
	margin: 0 auto -29px;
	background: url(../img/base/base_chart_bg02.jpg) no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	overflow: hidden;
}

.jb--base0001_chart > img,
.jb--base0002_chart > img {
	display: block;
	position: absolute;
	top: 29px;
	left: 0;
	opacity: 0;
}

.jb--ichioshi .jb--base0001_chart {
	margin: 0 auto 0;
}

.jb--base0001_chart_img01, .jb--base0002_chart_img01 { -webkit-transform: rotate(  0deg); transform: rotate(  0deg); }
.jb--base0001_chart_img02, .jb--base0002_chart_img02 { -webkit-transform: rotate(  6deg); transform: rotate(  6deg); }
.jb--base0001_chart_img03, .jb--base0002_chart_img03 { -webkit-transform: rotate( 12deg); transform: rotate( 12deg); }
.jb--base0001_chart_img04, .jb--base0002_chart_img04 { -webkit-transform: rotate( 18deg); transform: rotate( 18deg); }
.jb--base0001_chart_img05, .jb--base0002_chart_img05 { -webkit-transform: rotate( 24deg); transform: rotate( 24deg); }
.jb--base0001_chart_img06, .jb--base0002_chart_img06 { -webkit-transform: rotate( 30deg); transform: rotate( 30deg); }
.jb--base0001_chart_img07, .jb--base0002_chart_img07 { -webkit-transform: rotate( 36deg); transform: rotate( 36deg); }
.jb--base0001_chart_img08, .jb--base0002_chart_img08 { -webkit-transform: rotate( 42deg); transform: rotate( 42deg); }
.jb--base0001_chart_img09, .jb--base0002_chart_img09 { -webkit-transform: rotate( 48deg); transform: rotate( 48deg); }
.jb--base0001_chart_img10, .jb--base0002_chart_img10 { -webkit-transform: rotate( 54deg); transform: rotate( 54deg); }
.jb--base0001_chart_img11, .jb--base0002_chart_img11 { -webkit-transform: rotate( 60deg); transform: rotate( 60deg); }
.jb--base0001_chart_img12, .jb--base0002_chart_img12 { -webkit-transform: rotate( 66deg); transform: rotate( 66deg); }
.jb--base0001_chart_img13, .jb--base0002_chart_img13 { -webkit-transform: rotate( 72deg); transform: rotate( 72deg); }
.jb--base0001_chart_img14, .jb--base0002_chart_img14 { -webkit-transform: rotate( 78deg); transform: rotate( 78deg); }
.jb--base0001_chart_img15, .jb--base0002_chart_img15 { -webkit-transform: rotate( 84deg); transform: rotate( 84deg); }
.jb--base0001_chart_img16, .jb--base0002_chart_img16 { -webkit-transform: rotate( 90deg); transform: rotate( 90deg); }
.jb--base0001_chart_img17, .jb--base0002_chart_img17 { -webkit-transform: rotate( 96deg); transform: rotate( 96deg); }
.jb--base0001_chart_img18, .jb--base0002_chart_img18 { -webkit-transform: rotate(102deg); transform: rotate(102deg); }
.jb--base0001_chart_img19, .jb--base0002_chart_img19 { -webkit-transform: rotate(108deg); transform: rotate(108deg); }
.jb--base0001_chart_img20, .jb--base0002_chart_img20 { -webkit-transform: rotate(114deg); transform: rotate(114deg); }
.jb--base0001_chart_img21, .jb--base0002_chart_img21 { -webkit-transform: rotate(120deg); transform: rotate(120deg); }
.jb--base0001_chart_img22, .jb--base0002_chart_img22 { -webkit-transform: rotate(126deg); transform: rotate(126deg); }
.jb--base0001_chart_img23, .jb--base0002_chart_img23 { -webkit-transform: rotate(132deg); transform: rotate(132deg); }
.jb--base0001_chart_img24, .jb--base0002_chart_img24 { -webkit-transform: rotate(138deg); transform: rotate(138deg); }
.jb--base0001_chart_img25, .jb--base0002_chart_img25 { -webkit-transform: rotate(144deg); transform: rotate(144deg); }
.jb--base0001_chart_img26, .jb--base0002_chart_img26 { -webkit-transform: rotate(150deg); transform: rotate(150deg); }
.jb--base0001_chart_img27, .jb--base0002_chart_img27 { -webkit-transform: rotate(156deg); transform: rotate(156deg); }
.jb--base0001_chart_img28, .jb--base0002_chart_img28 { -webkit-transform: rotate(162deg); transform: rotate(162deg); }
.jb--base0001_chart_img29, .jb--base0002_chart_img29 { -webkit-transform: rotate(168deg); transform: rotate(168deg); }
.jb--base0001_chart_img30, .jb--base0002_chart_img30 { -webkit-transform: rotate(174deg); transform: rotate(174deg); }

.play_animation .jb--base0001_chart > img,
.play_animation .jb--base0002_chart > img {
	-webkit-animation: base_chart 0.3s linear 0s 1 forwards;
	animation: base_chart 0.3s linear 0s 1 forwards;
}
@-webkit-keyframes base_chart {
	0%    { opacity: 0; }
	100%  { opacity: 1; }
}
@keyframes base_chart {
	0%    { opacity: 0; }
	100%  { opacity: 1; }
}

.play_animation .jb--base0001_chart > .jb--base0001_chart_img01 { -webkit-animation-delay: 2.55s; animation-delay: 2.55s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img02 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img03 { -webkit-animation-delay: 2.65s; animation-delay: 2.65s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img04 { -webkit-animation-delay: 2.7s; animation-delay: 2.7s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img05 { -webkit-animation-delay: 2.75s; animation-delay: 2.75s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img06 { -webkit-animation-delay: 2.8s; animation-delay: 2.8s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img07 { -webkit-animation-delay: 2.85s; animation-delay: 2.85s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img08 { -webkit-animation-delay: 2.9s; animation-delay: 2.9s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img09 { -webkit-animation-delay: 2.95s; animation-delay: 2.95s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img10 { -webkit-animation-delay: 3s; animation-delay: 3s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img11 { -webkit-animation-delay: 3.05s; animation-delay: 3.05s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img12 { -webkit-animation-delay: 3.1s; animation-delay: 3.1s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img13 { -webkit-animation-delay: 3.15s; animation-delay: 3.15s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img14 { -webkit-animation-delay: 3.2s; animation-delay: 3.2s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img15 { -webkit-animation-delay: 3.25s; animation-delay: 3.25s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img16 { -webkit-animation-delay: 3.3s; animation-delay: 3.3s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img17 { -webkit-animation-delay: 3.35s; animation-delay: 3.35s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img18 { -webkit-animation-delay: 3.4s; animation-delay: 3.4s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img19 { -webkit-animation-delay: 3.45s; animation-delay: 3.45s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img20 { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img21 { -webkit-animation-delay: 3.55s; animation-delay: 3.55s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img22 { -webkit-animation-delay: 3.6s; animation-delay: 3.6s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img23 { -webkit-animation-delay: 3.65s; animation-delay: 3.65s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img24 { -webkit-animation-delay: 3.7s; animation-delay: 3.7s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img25 { -webkit-animation-delay: 3.75s; animation-delay: 3.75s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img26 { -webkit-animation-delay: 3.8s; animation-delay: 3.8s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img27 { -webkit-animation-delay: 3.85s; animation-delay: 3.85s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img28 { -webkit-animation-delay: 3.9s; animation-delay: 3.9s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img29 { -webkit-animation-delay: 3.95s; animation-delay: 3.95s; }
.play_animation .jb--base0001_chart > .jb--base0001_chart_img30 { -webkit-animation-delay: 4s; animation-delay: 4s; }

.play_animation .jb--base0002_chart > .jb--base0002_chart_img01 { -webkit-animation-delay: 2.55s; animation-delay: 2.55s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img02 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img03 { -webkit-animation-delay: 2.65s; animation-delay: 2.65s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img04 { -webkit-animation-delay: 2.7s; animation-delay: 2.7s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img05 { -webkit-animation-delay: 2.75s; animation-delay: 2.75s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img06 { -webkit-animation-delay: 2.8s; animation-delay: 2.8s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img07 { -webkit-animation-delay: 2.85s; animation-delay: 2.85s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img08 { -webkit-animation-delay: 2.9s; animation-delay: 2.9s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img09 { -webkit-animation-delay: 2.95s; animation-delay: 2.95s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img10 { -webkit-animation-delay: 3s; animation-delay: 3s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img11 { -webkit-animation-delay: 3.05s; animation-delay: 3.05s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img12 { -webkit-animation-delay: 3.1s; animation-delay: 3.1s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img13 { -webkit-animation-delay: 3.15s; animation-delay: 3.15s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img14 { -webkit-animation-delay: 3.2s; animation-delay: 3.2s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img15 { -webkit-animation-delay: 3.25s; animation-delay: 3.25s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img16 { -webkit-animation-delay: 3.3s; animation-delay: 3.3s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img17 { -webkit-animation-delay: 3.35s; animation-delay: 3.35s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img18 { -webkit-animation-delay: 3.4s; animation-delay: 3.4s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img19 { -webkit-animation-delay: 3.45s; animation-delay: 3.45s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img20 { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img21 { -webkit-animation-delay: 3.55s; animation-delay: 3.55s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img22 { -webkit-animation-delay: 3.6s; animation-delay: 3.6s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img23 { -webkit-animation-delay: 3.65s; animation-delay: 3.65s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img24 { -webkit-animation-delay: 3.7s; animation-delay: 3.7s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img25 { -webkit-animation-delay: 3.75s; animation-delay: 3.75s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img26 { -webkit-animation-delay: 3.8s; animation-delay: 3.8s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img27 { -webkit-animation-delay: 3.85s; animation-delay: 3.85s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img28 { -webkit-animation-delay: 3.9s; animation-delay: 3.9s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img29 { -webkit-animation-delay: 3.95s; animation-delay: 3.95s; }
.play_animation .jb--base0002_chart > .jb--base0002_chart_img30 { -webkit-animation-delay: 4s; animation-delay: 4s; }

.jb--base0001_ornament01,
.jb--base0002_ornament01 {
}
.play_animation .jb--base0001_chart > .jb--base0001_ornament01,
.play_animation .jb--base0002_chart > .jb--base0002_ornament01 {
	opacity: 1;
	-webkit-animation: base_ornament01 10.0s linear 0s 1 forwards;
	animation: base_ornament01 10.0s linear 0s 1 forwards;
}
@-webkit-keyframes base_ornament01 {
	0%, 25%  { opacity: 0; }
	40%,100% { opacity: 1; }
}
@keyframes base_ornament01 {
	0%, 25%  { opacity: 0; }
	40%,100% { opacity: 1; }
}

.jb--base0001_effect01,
.jb--base0002_effect01 {
	display: block;
	position: absolute;
	top: 49px;
	left: 0;
	opacity: 1;
	background: url(../img/base/base_effect_bg.png) no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.play_animation .jb--base0001_effect01,
.play_animation .jb--base0002_effect01 {
	opacity: 0;
	-webkit-animation: base_effect01 5.0s ease-in-out 0s 1 forwards;
	animation: base_effect01 5.0s ease-in-out 0s 1 forwards;
}
@-webkit-keyframes base_effect01 {
	0%,  40%  { opacity: 1; }
	50%, 100% { opacity: 0; }
}
@keyframes base_effect01 {
	0%,  40%  { opacity: 1; }
	50%, 100% { opacity: 0; }
}

.jb--base0001_effect_light,
.jb--base0002_effect_light {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.play_animation .jb--base0001_effect_light,
.play_animation .jb--base0002_effect_light {
	-webkit-animation: base_effect_light 2.5s ease-in-out 0s 1 forwards;
	animation: base_effect_light 2.5s ease-in-out 0s 1 forwards;
}
@-webkit-keyframes base_effect_light {
	0%   { opacity: 0; }
	50%  { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes base_effect_light {
	0%   { opacity: 0; }
	50%  { opacity: 1; }
	100% { opacity: 0; }
}

.jb--base0001_effect_juno,
.jb--base0002_effect_juno {
	display: block;
	position: relative;
}
.play_animation .jb--base0001_effect_juno,
.play_animation .jb--base0002_effect_juno {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: base_effect_juno 5.0s ease-in-out 0s 1 forwards;
	animation: base_effect_juno 5.0s ease-in-out 0s 1 forwards;
}
@-webkit-keyframes base_effect_juno {
	0%, 40%  { -webkit-transform: scale(1);   transform: scale(1); }
	50%,100% { -webkit-transform: scale(1.5); transform: scale(1.5); }
}
@keyframes base_effect_juno {
	0%, 40%  { -webkit-transform: scale(1);   transform: scale(1); }
	50%,100% { -webkit-transform: scale(1.5); transform: scale(1.5); }
}

/* --/BASE演出 */
/* /BASE */

/* MES */
.jb--result0001 h2 {
	padding: 65px 50px 60px;
	background: url(../img/res_item_title01.png) no-repeat center 0;
	font-size: 22px;
	line-height: 1;
	color: #ffe595;
	text-align: center;
	margin: 0;
	font-weight: bold;
	height: 30px;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow: 0 0 5px #000,0 0 5px #000,0 0 0.40px #000;
}

/* 日付表示 */
.jb--result0001_date-box01 {
	width: 860px;
	margin: 0 auto;
	background: url(../img/res_item_date_image01.jpg) no-repeat center top;
	font-family:"HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	height: auto;
	min-height: 320px;
}
.jb--result0001_date-text01 {
	width: 470px;
	line-height: 180%;
	font-size: 36px;
	padding: 24px 24px;
	margin: 0 0 0 45px;
	background-color: rgba(193, 4, 165, 0.3);
	box-shadow: 0px 0px 20px #8e008e;
	border-radius: 20px;
	border:1px solid #8e008e;
	position: relative;
	top:80px;
	left: 0;
	text-align: center;
	text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
}

.jb--result0001_date-catch01 {
	font-size: 200%;
	color: #fff333;
	font-weight: bold;
	line-height: 1.2;
}

/* 日付表示 */

/* /MES */

/* EXCOMMENT */

.jb--excomment0001 {
}

.jb--excomment_movie_area {
	width: 860px;
	height: 500px;
	margin: 0 auto 50px;
	background: url(../img/excomment/excomment_bg01.jpg) no-repeat 0 0;
}

.jb--excomment_movie {
	width: 750px;
	height:422px;
	margin: 0 auto;
	padding-top: 34px;
}
/* /EXCOMMENT */

/* 完全無料 */

/* /完全無料 */

/* 特殊メニュー */
.jb--matching_greeting {
	width: 860px;
	min-height: 300px;
	margin: 0 auto;
	background: url(../img/special/matching_greeting01.jpg) no-repeat 0 0;
	position: relative;
}

.jb--matching_greeting p {
	width: 500px;
	font-size: 24px;
	text-align: left;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border: 1px solid #84276f;
	border-radius: 20px;
	background-color: rgba(123, 13, 78, 0.5);
	box-shadow: 0px 0px 10px #651156;
	color: #FFF;
	padding: 20px 30px;
	position:absolute;
	top:40px;
	left:280px;
}

.jb--matching_greeting p span{
	text-shadow: 0 0 10px #996600,0 0 10px #996600,0 0 10px #996600,0 0 10px #996600,0 0 10px #996600, 0 0 5px #996600, 0 0 0.4px #996600;
}

.jb--matching_greeting .pink{
	text-shadow: 0 0 10px #e925eb,0 0 10px #e925eb,0 0 10px #e925eb,0 0 10px #e925eb,0 0 10px #e925eb, 0 0 5px #e925eb, 0 0 0.4px #e925eb;
}

.jb--matching_sheet {
	width: 620px;
	margin: 20px auto;
}

.jb--matching_mes_icon {
	width: 300px;
	height: 300px;
	float:right;
	display: block;

}

.jb--matching_result0001_text2 {
	padding: 10px 375px 0 45px;
	min-height: 120px;
}

.jb--matching_result0001_textbox2 {background: url(../img/special/matching_mes02_icon.png) no-repeat 94.5% -10%;}
.jb--matching_result0001_textbox3 {background: url(../img/special/matching_mes03_icon.png) no-repeat 94.5% -10%;}
.jb--matching_result0001_textbox4 {background: url(../img/special/matching_mes04_icon.png) no-repeat 94.5% -10%;}
.jb--matching_result0001_textbox5 {background: url(../img/special/matching_mes05_icon.png) no-repeat 94.5% -10%;}
.jb--matching_result0001_textbox6 {background: url(../img/special/matching_mes06_icon.png) no-repeat 94.5% -10%;}

.jb--matching_result0001_textbox2:before,
.jb--matching_result0001_textbox3:before,
.jb--matching_result0001_textbox4:before,
.jb--matching_result0001_textbox5:before,
.jb--matching_result0001_textbox6:before{
	content: "";
	display: block;
	width: 300px;
	height: 300px;
	float: right;
}

.jb--matching_fade2 {
	margin: 0 0 0 -2px;
	padding: 65px 10px 65px 10px;
	text-align: center;
	background: url(../img/res_item_fade_image_right2.png) no-repeat 0 0;
	min-height: 110px;
}

.jb--matching_fade3,
.jb--matching_fade4,
.jb--matching_fade5,
.jb--matching_fade6 {
	margin: 0 0 0 -2px;
	padding: 120px 10px 130px 10px;
	text-align: center;
	background: url(../img/res_item_fade_image_right1.png) no-repeat 0 0;
	min-height: 130px;
}
.jb--matching_fade2 input{
	width: 50%;
}

.jb--matching_fade3 input,
.jb--matching_fade4 input,
.jb--matching_fade5 input,
.jb--matching_fade6 input{
	width: 50%;
	padding: 0 40px 0 0;
}
.jb--jb1200_sample_movie {
	width: 750px;
	height:422px;
	margin: 0 auto;
}

.jb--jb1200_sample_text {
	width: 750px;
	margin:auto;
	font-size: 1.1em;
	padding:20px 0 20px 0;
	color:#000;
}

.jb--jb1200_sample_text span {
	font-weight: bold;
	color:#d30000;
}

.jb--jb1200_sample_title {
	border-radius:30px;
	background-color:#d30000;
	color:#FFF;
	width:750px;
	margin:0 auto 5px;
	text-align:center;
	font-size:20px;
}

.jb--jb1200_sample_caution {
	width: 750px;
	margin:auto;
	font-size: 1.1em;
	padding:10px 0 20px 0;
	color:#000;
}


.jb--jb1200_text {
	width: 750px;
	margin:auto;
	font-size: 1.1em;
	padding:20px 0 20px 0;
	text-align: center;
	color:#FFF;
}

.jb--jb1200_movie_area {
	width: 860px;
	height: 500px;
	margin: 0 auto 50px;
	background: url(../movie/jb1200_bg.jpg) no-repeat 0 0;
}

.jb--jb1200_movie {
	width: 750px;
	height:422px;
	margin: 0 auto;
	padding-top: 34px;
}



/* /特殊メニュー */

/* 別メニュー注意文言 */
.res-recommend_caution {
	text-align: center;
	color: #ffff99;
	padding-bottom:10px;
}
/* /別メニュー注意文言 */

/* pack menu */

.jb--respack0001_title {
	box-sizing: content-box;
	background: url(../img/cmn_menutitle_top02.png) no-repeat 0 0;
	width: 680px;/* 900px */
	height: 82px;/* 140px */
	padding: 32px 110px 34px;
	margin: 0 auto 14px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 0.4px #fff;
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #740909;
	line-height: 1.2;
	letter-spacing: -1px;
}

/* /pack menu */

/*-----------------------------------
END RES
-----------------------------------*/