/*--------------------*
* default settings
*--------------------*/
*{
margin:0px;
padding:0px;
}
html{
overflow-y:scroll;
-webkit-text-size-adjust:none;
}
BODY{
text-align:center;
font-size:98%;
line-height:1.6;
color:#000;
font-family: Meiryo,Hiragino Kaku Gothic Pro W3,Hiragino Kaku Gothic Pro,Osaka,MS Gothic;
_line-break:strict;
background-color: #0F0414;
min-width:990px;
}
IMG{
border:0;
vertical-align: middle;
}
FORM{
margin:0 auto;
padding:0;
}
TABLE{
border-collapse:collapse;
border-spacing:0px;
empty-cells:hide;
text-align:left;
font-size:1em;
border:0;
padding:0;
}
UL{
margin:0;
padding:0;
list-style-type:disc;
}
OL{
margin:0;
padding:0;
background:url("../../image/common/spacer.gif") no-repeat 50% 0%;
}
LI{
margin:0;
padding:0;
}
H1,H2,H3,H4,H5{
margin:0 auto;
text-align:left;
background:url("../../image/common/spacer.gif") no-repeat 50% 0%;
}
P{
margin:0 auto;
text-align:left;
background:url("../../image/common/spacer.gif") no-repeat 50% 0%;
}
HR{
display:none;
}
EM{
font-style:normal;
font-weight:bold;
}
H1,H2,H3,H4,H5,H6{
font-size:1.1em;
}
A{color:#B9F5ED;}
A:visited{color:#EDB4DF;}
A:hover{color:#F4E1B1;}
A:hover{
color:#AFEEEE;
text-decoration:none;
}
H4 A{
color:#000;
}
#new_group .section_ftr,
#extra_group .section_ftr,
#extra_group2 .section_ftr{
background-image:url(../../image/contents/section_ftr.jpg);
padding-bottom:40px;
position: relative;
bottom: -2px;
}
#new_group .section_bdy,
#extra_group .section_bdy,
#extra_group2 .section_bdy{
background-image:url(../../image/contents/section_bdy.jpg);
}
#new_group .section_hdr ,
#extra_group .section_hdr ,
#extra_group2 .section_hdr {
padding-top: 20px;
}
#new_group H4 A:visited,
#input_group H4 A:visited,
#extra_group H4 A:visited,
#extra_group2 H4 A:visited,
#extra_group3 H4 A:visited,
#free_group H4 A:visited{
color:#5B008C;
}
#new_group H4 A:hover,
#input_group H4 A:hover,
#extra_group H4 A:hover,
#extra_group2 H4 A:hover,
#extra_group3 H4 A:hover,
#free_group H4 A:hover{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:0.8;
color:#A90082;
}
H4 A:visited{
color:#91D0CD;
}
H2 IMG,
H3 IMG{
vertical-align:bottom;
}
[id^="frmInput"] #btn_free,[id^="frmInput"] #btn_trial,[id^="frmInput"] #btn_charge,.menu_but #button,.menu_but #button2{
cursor:pointer;
}
.text_img_new {
width: 940px;
margin: 0 auto;
}
#header {
position: relative;
}
/**** Love ****/
H4.color_category_1 ,
H4.color_category_2 ,
H4.color_category_3 ,
H4.color_category_4 ,
H4.color_category_5 ,
H4.color_category_6 ,
H4.color_category_7 ,
H4.color_category_8 ,
H4.color_category_9 ,
H4.color_category_10,
H4.color_category_11,
H4.color_category_12,
H4.color_category_13{color: #901957;}
/**** Deai ****/
H4.color_category_14,
H4.color_category_15,
H4.color_category_16,
H4.color_category_17,
H4.color_category_18 {color: #7B2194;}
/**** Jinsei ****/
H4.color_category_19,
H4.color_category_20,
H4.color_category_21,
H4.color_category_22,
H4.color_category_23,
H4.color_category_24,
H4.color_category_25{color: #354A9E;}
/**** Kekkon ****/
H4.color_category_26,
H4.color_category_27,
H4.color_category_28,
H4.color_category_29 {color: #7B2194;}
#new_group H4 ,
#rec_single H4 ,
#input_group H4 ,
#extra_group H4 ,
#extra_group2 H4 ,
#extra_group3 H4 ,
#free_group H4 {
margin-top: 10px;
}
#extra_group2 .horizon,
#new_group .horizon{
background:url(../../image/contents/line.jpg) no-repeat 0 0;
height: 4px;
width: 708px;
margin: 20px auto;
}
/*--------------------
balloon common setting
--------------------*/
[id^="frmInput"] #welcome_message_inner ,
.feature_balloon #feature_balloon_inner ,
#allmenus .balloon,
#rec_single h2 .balloon,
#input_group h2 .balloon,
#extra_group h2 .balloon{
box-sizing: border-box;
background: rgba(0, 0, 191, 0.7) ;
border-radius: 15px;
color: #fff;
box-shadow: 0 0 15px #0099FF ,0 0 25px #0099FF,0 0 5px #0099FF inset;
}
[id^="frmInput"] #welcome_message_inner P span,
#allmenus .balloon span,
#input_group h2 .balloon span,
#rec_single h2 .balloon span,
#extra_group h2 .balloon span{
color: #ff0;
text-shadow:0px 0px 3px #750EDF,0px 0px 3px #750EDF,0px 0px 3px #750EDF,0px 0px 3px #750EDF, 0px 0px 7px #750EDF,0px 0px 7px #750EDF,0px 0px 7px #750EDF , 0px 0px 9px #750EDF,0px 0px 9px #750EDF,0px 0px 9px #750EDF;
}
/*--------------------
common class setting
--------------------*/
.clear{
clear:both;
float:none;
line-height:0px;
font-size:0px;
height:0px;
}
.hide{
display:none;
}
.icon{
float:left;
text-align:center;
}
.icon_category{
margin-bottom:0px;
}
.icon_player{
margin-bottom:3px;margin-top:2px;
}
.icon_new{
margin-top:3px;
width: 100px;
height: auto;
}
.free_info{
padding-top:3px;
text-align:center;
color:#e5bc08;
font-size:1.2em;
}
.pr,.price_discount{
color:#ab1c1c;
}
.limited{
color:#33969b;
}
DIV.pr,DIV.limited{
line-height:1.2;
font-size:12px;
}
.price_discount{
text-align:right;
}
.price_normal{
text-align:right;
}
[class^="section_bdy"],.article_bdy,.menu_bdy,[class^="title_bdy"]{
width:100%;
margin:0;
background-repeat:repeat-y;
}
[class^="section_ftr"],.article_ftr,.menu_ftr,[class^="title_ftr"]{
width:100%;
background-repeat:no-repeat;
background-position:0 bottom;
}
[class^="section_hdr"],.article_hdr,.menu_hdr,[class^="title_hdr"]{
width:100%;
background-repeat:no-repeat;
background-position:0 top;
}
/*Clear-Fix(IEÂкö¤Î¤¿¤á¥»¥Ã¥È¤ÇÍøÍѤ¹¤ë)
TAG{
zoom:100%;
}
TAG:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
*/
/*=========================================
<common>
.detail_txt
.detail_txt_left
.detail_txt_right
=========================================*/
.detail_txt{ margin:0 auto; }
.left_bdy{float:left;}
.right_bdy{float:right;}
/*--------------------
#base
--------------------*/
#index_base{
margin:0px auto;
background:url(../../image/contents/header_index.jpg) no-repeat 50% 0%;
}
#base{
width:990px;
margin:0px auto;
background:url(../../image/contents/bg_main.jpg) repeat-y 50% 0px;
}
/*--------------------
#top_bg
--------------------*/
#top_bg{
background: url(../../image/contents/navi_bg.jpg) no-repeat 50% 0%;
height: 100px;
position: relative;
top: 1px;
}
/*--------------------*
#header
*--------------------*/
#header #headerimg{
height:390px;
text-align:center;
width: 990px;
}
#header #headerimg A{
display:block;
width:990px;
height:390px;
margin:0px auto;
text-indent:-9999px;
}
#header{
width: 990px;
height: 490px;
margin: 0 auto;
position: relative;
}
/*#header P.att_0_text {
position: absolute;
text-align: right;
top: 338px;
right: 10px;
font-size: 0.7em;
}
#header P.att_0 {
position: absolute;
top: 86px;
left: 296px;
font-size: 0.8em;
font-weight: bold;
color:#A5FEF5;
text-shadow: 1px 0px 1px #05544C,-1px 0px 1px #05544C, 0px -1px 1px #05544C,-1px 0px 1px #05544C, -1px 1px 1px #05544C,1px 1px 1px #05544C, -1px -1px 1px #05544C,1px -1px 1px #05544C, 2px 0px 2px #002300,-2px 0px 2px #002300, 0px -2px 2px #002300,-2px 0px 2px #002300, -2px 2px 2px #002300,2px 2px 2px #002300, -2px -2px 2px #002300,2px -2px 2px #002300;
}*/
#contents_base{
position: relative;
text-align:center;
margin:0px auto;
background:url(../../image/contents/header.png) no-repeat 50% 0%;
}
#header_flash{
position: relative;
text-align:center;
margin:0px auto;
background:url(../../image/contents/header_index.png) no-repeat 50% 0%;
}
#header_index,
#extra_header{
background:url(../../image/contents/header_bg.jpg) no-repeat fixed center top;
/* background: linear-gradient(90deg, rgba(23,13,50,1) 5%, rgba(55,66,246,1) 50%, rgba(23,13,50,1) 95%);*/
}
#index_basebdy{
margin:0px auto;
width:950px;
background:url(../../image/contents/header_index.jpg) no-repeat center 0;
}
#basebdy{margin: 0px auto;}
/*--------------------*
#headernavi
*--------------------*/
#headernavi{
width:858px;
margin:0px auto 0px;
}
#headernavi UL{
display:block;
width:858px;
list-style-type:none;
zoom:100%;
padding-top: 15px;
}
#headernavi UL:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
#headernavi LI{
display: block;
width: 286px;
height: 70px;
float: left;
}
#headernavi LI A,
#headernavi LI DIV{
display:block;
width:100%;
height:100%;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
/*custom-width*/
#headernavi LI.top{
background:url(../../image/contents/navi/top_over.png) no-repeat 0px 0px;
}
#headernavi LI.top A{
background:url(../../image/contents/navi/top.png) no-repeat 0px 0px;
}
#headernavi LI.profile{
background:url(../../image/contents/navi/profile_over.png) no-repeat 0px 0px;
}
#headernavi LI.profile A{
background:url(../../image/contents/navi/profile.png) no-repeat 0px 0px;
}
#headernavi LI.extra{
background:url(../../image/contents/navi/free_over.png) no-repeat 0px 0px;
}
#headernavi LI.extra A{
background:url(../../image/contents/navi/free.png) no-repeat 0px 0px;
}
#headernavi LI A:hover{opacity:0;}
#headernavi LI SPAN{display:none;}
/*--------------------*
#extra
*--------------------*/
#extra{
width:940px;
margin:0px auto;
text-align:center;
}
#extra_outer{}
/*--------------------*
#extra_group2 ±¿Ì¿´ÕÄê
*--------------------*/
#extra_group2 P.btn_exp{
width: 650px;
}
#extra_group2{
width:940px;
margin:0px auto;
}
#extra_group2 .text_img {
margin-bottom: 20px;
}
#extra_group2 .menu_bdy {
margin: 0 auto 30px;
}
#extra_group2 .icon{width:100px;}
#extra_group2 .menu_info{
width:580px;
float:right;
}
#extra_group2 .price_info{
padding-right:5px;
}
#extra_group2 .caption {
margin-top: 10px;
letter-spacing: 0.1em;
line-height: 1.7;
}
#extra_group2 .severalmenu {
margin: 15px auto 20px;
width: 700px;
}
#extra_group2 h3.ttl_font {
width: 720px;
margin: 0 auto 5px;
padding: 0 5px;
box-sizing: border-box;
color: #FFFBFE;
font-size: 1.6em;
text-align: center;
font-weight: normal;
}
#extra_group2 h3.ttl_font {
background:linear-gradient(to right, #E2E2E0 0%,#8C061E 7%,#8C061E 93%,#E2E2E0 100%)
}
#extra_group2 .price_info {
font-size: 0.9em;
font-weight: bold;
color: #242a7a;
}
/*--------------------*
#rec_single ¥ê¥ó¥¯¥°¥ë¡¼¥×
*--------------------*/
#rec_single{
margin:0px auto 0;
width: 940px;
}
#rec_single H4{
margin-bottom: 5px;
}
#rec_single H4 A{
color:pink;
}
#rec_single .inner_bdy {
width: 690px;
margin: 25px auto;
}
#rec_single H4 {
margin-bottom: 5px;
text-align: center;
}
#rec_single h2 {
position: relative;
}
#rec_single h2 .balloon{
position: absolute;
width: 470px;
bottom: 130px;
left: 380px;
padding: 15px 20px;
font-size: 1.4em;
line-height: 1.6em;
}
#rec_single li {display: inline-block;}
#rec_single ul {margin-top: 20px;}
#rec_single .att_txt {
text-align: center;
color: #fefefe;
font-weight: bold;
font-size: 0.9em;
margin-top: 5px;
}
#rec_single .severalmenu{
width: 680px;
margin: 0 auto 10px;
text-align: left;
}
#rec_single H4 A{
color:#ff0;
font-size: 1.2em;
font-weight: normal;
letter-spacing: -0.5px;
text-decoration:none;
border-bottom: 1px solid;
}
#rec_single H4 A:visited{color:#EDC3E3;border-bottom: 1px solid;text-decoration:none;}
#rec_single H4 A:hover{color:#F4E1B1;border-bottom: none;text-decoration:none;}
#rec_single .menu_info {
width: 570px;
float: right;
}
#rec_single .price_info {
color: #bda;
}
#rec_single .pr,#rec_single .price_discount {
color: #F9F;
}
#rec_single P.ttl_font.txt_type1 ,
.summary_group .yel_zap{
text-align: center;
color: #fff;
text-shadow: 0px 0px 3px #8F8414,0px 0px 3px #8F8414,0px 0px 3px #8F8414,0px 0px 3px #8F8414, 0px 0px 7px #8F8414,0px 0px 7px #8F8414,0px 0px 7px #8F8414 , 0px 0px 9px #8F8414,0px 0px 9px #8F8414,0px 0px 9px #8F8414;
}
#rec_single P.ttl_font.txt_type1 {
font-size: 1.7em;
}
.summary_group .yel_zap{
font-size: 2.0em;
}
#rec_single .severalmenu1 .detail_txt,
#rec_single .severalmenu2 .detail_txt,
#rec_single .severalmenu3 .detail_txt{
width: 730px;
margin: 10px auto 0;
}
/*--------------------*
#topicpath
*--------------------*/
#topicpath{
padding:20px 28px 10px;
color:#fefefe;
font-size:1em;
}
/*--------------------*
.ttl_font
*--------------------*/
.ttl_font,
.menu_ttl_bar H2,
.menu_info A{
font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", Meiryo, serif;
}
/*--------------------*
.menu_ttl_bar
.menu_info A{
*--------------------*/
.menu_ttl_bar H2,
.menu_info A{
color:#883366;
font-size: 1.6em;
line-height: 1.4;
}
.menu_info A:visited{
color:#000;
}
.menu_info A{
display: block;
}
.menu_ttl_bar .severalmenu {
margin: 0 auto;
width: 700px;
}
.menu_ttl_bar{
margin: 0 auto;
width: 940px;
}
.menu_ttl_bar H2{
font-size: 1.9em;
line-height: 1.6;
}
.menu_ttl_bar .menu_bdy{background-image:url(../../image/contents/menu_ttl_bdy.jpg);}
.menu_ttl_bar .menu_ftr{background-image:url(../../image/contents/menu_ttl_ftr.jpg);padding-bottom:50px; position: relative; bottom: -1px;}
.menu_ttl_bar .menu_hdr{background-image:url(../../image/contents/menu_ttl_hdr.jpg);padding-top:80px; position: relative; top: -2px;}
.menu_ttl_bar .menu_ttl {
color: #fff;
margin: 0 auto;
text-align: center;
}
.menu_ttl_bar .icon_category{
margin-right:15px;
float:left;
}
.menu_ttl_bar H2 .menu_ttl{
float:left;
}
/*--------------------*
.menu_header
*--------------------*/
.menu_header{
margin:0 auto 10px;
width:660px;
}
.menu_header P{
padding:5px 0;
text-align:center;
color:#DEB887;
}
.menu_header P.menu_caption{
color:#DEB887;
}
.menu_header P.pr,.menu_header P.pr A{
color:#d00079;font-weight:bold;
}
.menu_header P.price{
color:#DEB887;
}
.menu_header P.price STRONG{
color:#FFCC00;
}
.menu_header P.attention A{
color:#FFCC00;
}
.menu_header P.attention A:hover{
color:#be09cb;
}
.menu_header P.attention STRONG{
color:#FFCC00;
}
#extra_group3 .section_ftr{
background-image:url(../../image/contents/section_ftr.jpg);
padding-bottom:40px;
position: relative;
bottom: -1px;
}
#extra_group3 .section_bdy{
background-image:url(../../image/contents/section_bdy.jpg);
}
/*--------------------*
#new_group
*--------------------*/
#new_group{
width:940px;
margin:0px auto ;
}
#new_group .severalmenu{
width:700px;
margin:0 auto 10px;
text-align:left;
}
#new_group .icon{width:100px;}
#new_group .menu_info{
width:580px;
float:right;
}
#new_group .additional_day{
color:#AB1C1C;
font-weight:bold;
}
#new_group .caption {
margin-top: 10px;
padding: 0 20px;
letter-spacing: 0.1em;
line-height: 1.7;
}
#new_group .price_info {
text-align: right;
}
#new_group P.price_info {
padding-right: 5px;
}
#new_group .price_info_btn {
text-align: center;
}
#new_group H4 A{color:#7F007F;}
#new_group .text_img_attention2 {
position: relative;
}
#new_group .text_img_attention2 P {
position: absolute;
font-size: 0.8em;
font-weight: bold;
}
#new_group .text_img_attention2 P.att_0 ,
#new_group .text_img_attention2 P.att_1 ,
#new_group .text_img_attention2 P.att_2 {
text-shadow: #F8F5FF 1px 1px 0, #F8F5FF -1px -1px 0,#F8F5FF -1px 1px 0, #F8F5FF 1px -1px 0,#F8F5FF 0px 1px 0, #F8F5FF 0-1px 0,#F8F5FF -1px 0 0, #F8F5FF 1px 0 0 , #F8F5FF 0 0 9px, #F8F5FF 0 0 9px, #F8F5FF 0 0 9px, #F8F5FF 0 0 9px;
}
#new_group .text_img_attention2 P.att_0 {
color:#C01E24;
top: 16px;
left: 747px;
}
#new_group .text_img_attention2 P.att_1 {
color: #464AB7;
top: 89px;
right: 349px;
}
#new_group .text_img_attention2 P.att_2 {
color: #464AB7;
top: 89px;
left: 838px;
}
#new_group .text_img_attention P{
color: #F8F5FF;
font-size: 0.8em;
line-height: 1.3;
text-align: right;
padding-right: 20px;
}
#new_group .text_img_attention2 P.att_0_text {
color:#C1C1C1;
line-height: 1.2;
top: 297px;
left: 165px;
text-shadow: #000 1px 1px 0, #000 -1px -1px 0,#000 -1px 1px 0, #000 1px -1px 0,#000 0px 1px 0, #000 0-1px 0,#000 -1px 0 0, #000 1px 0 0 , #000 0 0 9px, #000 0 0 9px, #000 0 0 9px, #000 0 0 9px;
font-weight: normal;
}
#new_group .price_info {
font-size: 0.9em;
font-weight: bold;
color: #242a7a;
}
/*--------------------
#footer
--------------------*/
#footer{
width:880px;
margin:20px auto 0px;
text-align:center;
min-height:1%;
_height:1%;
color: #fff0b2;
}
#footer ADDRESS,#footer EM{
text-decoration:none;
font-style:normal;
}
#footer UL{
list-style-type:none;
}
#footer LI{
display:inline;
line-height:35px;
}
#footernavi A{ color: #FFFF00; font-size: 0.9em;}
#footernavi A:visited{color:#EDB4DF;}
#footernavi A:hover{color:#F4E1B1;}
#footernavi SPAN{
color:#F5DEB3;
}
/**/
#footerCopy{
padding:25px 0px 20px;
font-size:14px;
}
#zapCopy{
color:#ffffff;
margin-top:10px;
}
#ispCopy{
margin-top:10px;
color:#ffffff;
}
#ispInfo{
margin-top:10px;
}
#ispInfo DIV{
padding-bottom:5px;
}
/*--------------------*
#maintenance
*--------------------*/
#maintenance{
width:510px;
margin:15px auto 15px auto;
font-size:1em;
text-align:center;
background:#EEE8AA;
color:#996633;
}
#maintenance #maintenancebody{
border:3px double #FF6633;
padding:10px 5px;
}
#maintenance #maintenance_title{
padding-bottom:4px;
font-weight:bold;
font-size:1.25em;
color:#FF6633;
}
#maintenance P.maintenanceDate{
margin:0 auto 5px;
text-align:center;
font-weight:bold;
color:#996633;
}
#maintenance P.maintenanceComment{
text-align:left;
line-height:1.3;
text-align:center;
}
#maintenance A{
color:#FFF!important;
background:#6D2A00!important;
}
/*--------------------*
#extra_group3
*--------------------*/
#extra_group3{
width:880px;
margin:0 auto;
}
#extra_group3 h4 a{
color:#ff3;
}
#extra_group3 #text_img_attention {
position: relative;
color: #cecece;
font-size: 0.8em;
height: 565px;
}
#text_img_attention P{
position: absolute;
}
#text_img_attention P.att_1 {
top: 382px;
right: 3px;
}
#text_img_attention P.att_2 {
top: 450px;
right: 3px;
}
#text_img_attention P.att_1_text {
bottom: 12px;
left: 25px;
}
#text_img_attention P.att_2_text {
bottom: -5px;
left: 25px;
}
/*--------------------*
#free_group
*--------------------*/
#free_group{
margin:30px auto 10px;
width: 940px;
}
#free_group .section_hdr{
padding-top:5px;
}
#free_group .section_ftr{
background-image:url(../../image/index/free_group/section_ftr.jpg);
padding-bottom:30px;
}
#free_group .section_bdy{
background-image:url(../../image/index/free_group/section_bdy.jpg);
}
#free_group .menu_hdr{
background-image:url(../../image/index/free_group/menu_hdr.png);
padding-top:30px;
position: relative;
top: -5px;
}
#free_group .menu_ftr{
background-image:url(../../image/index/free_group/menu_ftr.png);
padding-bottom:25px;
position: relative;
bottom: -2px;
}
#free_group .menu_bdy{
background-image:url(../../image/index/free_group/menu_bdy.png);
width:780px;
margin:0 auto 10px;
}
#free_group .severalmenu {
width: 640px;
margin: 0 auto ;
text-align: left;
}
#free_group .icon {
width: 100px;
}
#free_group .menu_info {
width: 530px;
float: right;
}
#free_group .caption {
padding-top: 10px;
}
#free_group h2 {
position:relative;
}
#free_group h2 .balloon{
position: absolute;
width: 470px;
top: 110px;
left: 380px;
padding: 15px 20px;
font-size: 1.4em;
line-height: 1.6em;
}
#free_group strong { color: #ab1c1c; }
#free_group .special_exp {
display: inline-block;
position: relative;
height: 34px;
line-height: 34px;
vertical-align: middle;
text-align: center;
padding: 0 50px;
font-size: 1.1em;
background: #0F3B05;
color: #FFF;
box-sizing: border-box;
}
#free_group .special_exp:before, #free_group .special_exp:after{
position: absolute;
content: '';
width: 0px;
height: 0px;
z-index: 1;
}
#free_group .special_exp:before{
top: 0;
left: 0;
border-width: 17px 0px 17px 8px;
border-color: transparent transparent transparent #F9F9F9;
border-style: solid;
}
#free_group .special_exp:after{
top: 0;
right: 0;
border-width: 17px 8px 17px 0px;
border-color: transparent #F9F9F9 transparent transparent;
border-style: solid;
}
/*--------------------*
#extra_group
*--------------------*/
#extra_group{
width:940px;
margin:40px auto 0;
}
#extra_group H4 A{color:#7F007F;}
#extra_group .section_hdr{
padding-top: 30px;
}
#extra_group .severalmenu{
width:700px;
margin: 0 auto 15px;
}
#extra_group .icon{
width:100px;
float:left;
}
#extra_group .menu_info{
width:580px;
float:right;
}
#extra_group .price_info{
text-align:right;
padding-right:5px;
}
#extra_group .caption {
margin-top: 10px;
padding: 0 15px;
letter-spacing: 0.1em;
line-height: 1.7;
}
#extra_group .price_info{
font-size: 0.9em;
font-weight: bold;
padding-top: 5px;
text-align: right;
color: #242a7a;
}
#extra_group h3.ttl_font {
width: 720px;
margin: 0 auto 15px;
padding: 0 5px;
box-sizing: border-box;
color: #FFFBFE;
font-size: 1.6em;
text-align: center;
font-weight: normal;
}
#extra_group h3.ttl_font {
background:linear-gradient(to right, #E2E2E0 0%,#810158 7%,#810158 93%,#E2E2E0 100%)
}
/*--------------------
[id^="frmInput"] ÆþÎÏ¥Õ¥©¡¼¥à
--------------------*/
[id^="frmInput"] .input_tbl{
width:680px;
margin:0px auto;
}
[id^="frmInput"] .input_tbl label.sex{
letter-spacing: 2em;
margin-right: -2em;
}
[id^="frmInput"] .input_tbl label.name{
letter-spacing: 0.45em;
margin-right: -0.45em;
}
[id^="frmInput"] .input_tbl label span{
color: #B01212;
font-size: 0.6em;
letter-spacing: -0.5px;
}
[id^="frmInput"] label {
font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", Meiryo, serif;
font-size: 1.7em;
color: #592508;
vertical-align: middle;
font-weight: bold;
}
[id^="frmInput"] .input_tbl TD {
padding-bottom: 15px;
vertical-align: middle;
}
[id^="frmInput"] .input_tbl TH {
letter-spacing: -0.5px;
padding-bottom: 15px;
padding-right: 10px;
width: 175px;
}
[id^="frmInput"] .input_tbl .tr_birthday TD ,
[id^="frmInput"] .input_tbl .tr_sex TD {
padding-left: 2em;
}
[id^="frmInput"] .input_tbl INPUT.input_name {
font-size: 18px;
width: 185px;
padding: 10px;
vertical-align: middle;
}
[id^="frmInput"] .input_tbl .tr_name td{
width:240px;
}
[id^="frmInput"] .input_tbl SMALL {
line-height: 1.3;
font-size: 1em;
}
[id^="frmInput"] P span, #privacy A,[id^="frmInput"] P.input_attention a {color: #C6000D;}
#privacy A:visited ,[id^="frmInput"] P.input_attention a:visited {color: #2900B2;}
#privacy A:hover ,[id^="frmInput"] P.input_attention a:hover {color: #008853;}
[id^="frmInput"] #privacy {
border: 1px solid #000;
font-size: 0.9em;
margin: 25px auto;
padding: 10px;
width: 610px;
}
#input_caution .sex_caution {
margin-bottom: 10px;
}
[id^="frmInput"] #privacy P {
text-align: left;
line-height: 1.1;
padding: 0;
color: #000;
}
[id^="frmInput"] P span{
color:#C6000D;
}
P.btn_exp span{
color:#A81D91;
}
[id^="frmInput"] .input_other {
margin-top: 20px;
}
[id^="frmInput"] .input_tbl .tr_sex SELECT {width: 140px;}
[id^="frmInput"] .input_tbl SELECT {
vertical-align: middle;
width:115px;
padding: 5px;
border: 1px solid #ABADB3;
background-color: #ffffff;
background-image: url(../../image/input/arrow.png);
background-repeat: no-repeat;
background-position: 96% center;
-webkit-background-size: 12px;
background-size: 12px;
font-size: 1.3em;
height: 50px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
#input_caution{
width: 680px;
margin: 0 auto;
line-height: 1.7;
padding-left: 1em;
box-sizing: border-box;
}
[id^="frmInput"] .tr_caution P{
text-align: left;
margin-left: 1em;
}
/*--------------------
.telling
--------------------*/
.telling OL{
width:580px;
margin:0 auto;
_margin:0;
text-align:left;
}
.telling LI{
list-style-type: none;
}
.telling LI.main{
line-height: 40px;
background:url("../../image/input/dot2.png") no-repeat scroll 0 2px;
}
.telling LI.main,
.telling LI.sub {
padding-left: 32px;
color: #fff;
font-size: 1.2em;
padding-bottom: 10px;
}
/*--------------------
.text_img_new
--------------------*/
[class^="att_0"] {
position: absolute;
font-size: 0.7em;
color: #D3D3D3;
line-height: 1.2em;
font-weight: normal;
text-shadow: 1px 0px 1px #1B101E,-1px 0px 1px #1B101E, 0px -1px 1px #1B101E,-1px 0px 1px #1B101E, -1px 1px 1px #1B101E,1px 1px 1px #1B101E, -1px -1px 1px #1B101E,1px -1px 1px #1B101E, 2px 0px 2px #002300,-2px 0px 2px #002300, 0px -2px 2px #002300,-2px 0px 2px #002300, -2px 2px 2px #002300,2px 2px 2px #002300, -2px -2px 2px #002300,2px -2px 2px #002300;
}
.text_img_new {
position: relative;
}
.text_img_new .att_0 {
top: 192px;
left: 705px;
font-size: 0.8em;
font-weight: bold;
color: #FDF606;
text-shadow: 1px 0px 1px #AE11F1,-1px 0px 1px #AE11F1, 0px -1px 1px #AE11F1,-1px 0px 1px #AE11F1, -1px 1px 1px #AE11F1,1px 1px 1px #AE11F1, -1px -1px 1px #AE11F1,1px -1px 1px #AE11F1,
4px 0px 4px #AE11F1,-4px 0px 4px #AE11F1, 0px -4px 4px #AE11F1,-4px 0px 4px #AE11F1, -4px 4px 4px #AE11F1,4px 4px 4px #AE11F1, -4px -4px 4px #AE11F1,4px -4px 4px #AE11F1,
6px 0px 6px #AE11F1,-6px 0px 6px #AE11F1, 0px -6px 6px #AE11F1,-6px 0px 6px #AE11F1, -6px 6px 6px #AE11F1,6px 6px 6px #AE11F1, -6px -6px 6px #AE11F1,6px -6px 6px #AE11F1
;
}
.text_img_new .att_0_text {
bottom: 0px;
right: 35px;
}
#rec_single .att_0 {
top: 310px;
left: 430px;
}
#rec_single .att_0_text {
top: 450px;
right: 70px;
}
#extra_group2 .att_0 {
top: 50px;
left: 352px;
}
#extra_group2 .att_0_text {
top: 183px;
right: 70px;
}
/*--------------------*
#form_attention
*--------------------*/
#form_attention {
font-size: 0.9em;
color:#fff;
}
#form_attention P.title {
font-weight: bold;
padding: 20px 50px 10px;
text-align: center;
}
#form_attention .contents {
padding: 0 50px 10px;
text-align: left;
}
#form_attention P.attention {
padding: 10px 50px;
width: 450px;
}
#form_attention .contents ol{
margin:0 auto;
width: 450px;
}
#form_attention .contents li{
list-style-type: decimal;
padding: 2px 0;
}
#form_attention dl {
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
font-size: 14px;
height: 148px;
text-align: center;
width: 480px;
margin: 0 auto;
}
#form_attention dt {
background-color: #4F6228;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
float: left;
height: 20px;
padding: 8px 0;
width: 73px;
color: #ffffff;
}
#form_attention dd {
background-color: #C4D79B;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
color: #000000;
float: left;
height: 20px;
padding: 8px 0;
width: 30px;
}
#form_attention dt.character {
background-color: #e26b0a;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
float: left;
height: 20px;
padding: 8px 0;
width: 73px;
color: #ffffff;
}
#form_attention dd.character {
background-color: #fabf8f;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
color: #000000;
float: left;
height: 20px;
padding: 8px 0;
width: 30px;
}
#page_colse {
margin-top: 20px;
}
/*--------------------*
P.sample_txt
*--------------------*/
P.sample_txt{
text-align: center;
color: #8F8414;
text-shadow: 0px 0px 3px #FFFED1,0px 0px 3px #FFFED1,0px 0px 3px #FFFED1,0px 0px 3px #FFFED1, 0px 0px 7px #FFFED1,0px 0px 7px #FFFED1,0px 0px 7px #FFFED1 , 0px 0px 9px #FFFED1,0px 0px 9px #FFFED1,0px 0px 9px #FFFED1;
font-family: century;
font-size: 1.4em;
line-height: 1.4;
}
/*--------------------*
JS
*--------------------*/
.result_text B ,
.kaigan_self [class^="text"] ,
.kaigan_other [class^="text"] ,
.date_group strong ,
[class^="balloon_group"] .detail_txt P,
.section_bdy_outer H5{
font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", Meiryo, serif;
}
.text_font{
width: 800px;
margin: 40px auto 20px;
}
/********* kaigan_group (kaigan_self) *********/
.kaigan_group [class^="text_font"] .blue_zap{
position: absolute;
top: 400px;
left: 0;
font-size: 2em;
width: 814px;
color: #fff;
text-align: center;
text-shadow: 0px 0px 3px #E83A0E,0px 0px 3px #E83A0E,0px 0px 3px #E83A0E,0px 0px 3px #E83A0E, 0px 0px 7px #E83A0E,0px 0px 7px #E83A0E,0px 0px 7px #E83A0E , 0px 0px 9px #E83A0E,0px 0px 9px #E83A0E,0px 0px 9px #E83A0E;
}
.kaigan_other .blue_zap {
text-shadow: 0px 0px 3px #E83A0E,0px 0px 3px #E83A0E,0px 0px 3px #E83A0E,0px 0px 3px #E83A0E, 0px 0px 7px #E83A0E,0px 0px 7px #E83A0E,0px 0px 7px #E83A0E , 0px 0px 9px #E83A0E,0px 0px 9px #E83A0E,0px 0px 9px #E83A0E;
}
.kaigan_group .text1 ,
.kaigan_group [class^="text2"] {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
.kaigan_group .text1 {
left: 10px;
top: 30px;
font-size: 2em;
text-shadow: 0px 0px 3px #413574,0px 0px 3px #413574,0px 0px 3px #413574,0px 0px 3px #413574, 0px 0px 7px #413574,0px 0px 7px #413574,0px 0px 7px #413574 , 0px 0px 9px #413574,0px 0px 9px #413574,0px 0px 9px #413574;
}
.kaigan_group [class^="text2"] {
right: 100px;
top: 30px;
font-size: 2em;
text-shadow: 0px 0px 3px #6665FE,0px 0px 3px #6665FE,0px 0px 3px #6665FE,0px 0px 3px #6665FE, 0px 0px 7px #6665FE,0px 0px 7px #6665FE,0px 0px 7px #6665FE , 0px 0px 9px #6665FE,0px 0px 9px #6665FE,0px 0px 9px #6665FE;
}
.text1.fnum_5{ transform: rotate(-24deg) scale(1.5); top: 150px; left: -85px; }
.text1.fnum_6{ transform: rotate(-24deg) scale(1.4); top: 150px; left: -85px; }
.text1.fnum_7{ transform: rotate(-19deg) scale(1.4); top: 100px; left: -75px; }
.text1.fnum_8{ transform: rotate(-17deg) scale(1.4); top: 100px; left: -75px; }
.text1.fnum_9{ transform: rotate(-17deg) scale(1.4); top: 100px; left: -75px; }
.text1.fnum_10{ transform: rotate(-12deg) scale(1.4); top: 50px; left: -35px; }
.text1.fnum_11{ transform: rotate(-9deg) scale(1.4); top: 20px; left: -35px; }
.text1.fnum_12,
.text1.fnum_13{ transform: rotate(-7deg) scale(1.2); top: 20px; left: -15px; }
.text1.fnum_14{ top: 0px; transform: scale(1.2); }
.text1.fnum_15{ top: 0px; transform: scale(1.1); }
.text1.fnum_16{ top: 0px;}
.text1.fnum_17{ top: 0px;}
[class^="text2"].fnum_5{ top:130px; right: 15px; transform: rotate(24deg) scale(1.5); }
[class^="text2"].fnum_6{ top:130px; right: 15px; transform: rotate(24deg) scale(1.4); }
[class^="text2"].fnum_7{ top:100px; right: 25px; transform: rotate(19deg) scale(1.4); }
[class^="text2"].fnum_8{ top:100px; right: 25px; transform: rotate(17deg) scale(1.4); }
[class^="text2"].fnum_9{ top:100px; right: 25px; transform: rotate(17deg) scale(1.4); }
[class^="text2"].fnum_10{ top: 50px; right: 65px; transform: rotate(12deg) scale(1.4); }
[class^="text2"].fnum_11{ top: 20px; right: 65px; transform: rotate(9deg) scale(1.4); }
[class^="text2"].fnum_12,
[class^="text2"].fnum_13{ top: 20px; right: 85px; transform: rotate(7deg) scale(1.2); }
[class^="text2"].fnum_14{ top: 0px; transform: scale(1.2);}
[class^="text2"].fnum_15{ top: 0px; transform: scale(1.1);}
[class^="text2"].fnum_16{ top: 0px; }
[class^="text2"].fnum_17{ top: 0px; }
#pray_group .name_self,
.kaigan_group .name_self{
text-shadow: 0px 0px 3px #B40DDF,0px 0px 3px #B40DDF,0px 0px 3px #B40DDF,0px 0px 3px #B40DDF, 0px 0px 7px #B40DDF,0px 0px 7px #B40DDF,0px 0px 7px #B40DDF , 0px 0px 9px #B40DDF,0px 0px 9px #B40DDF,0px 0px 9px #B40DDF;
}
#pray_group .name_other,
.kaigan_group .name_other{
text-shadow: 0px 0px 3px #0902F5,0px 0px 3px #0902F5,0px 0px 3px #0902F5,0px 0px 3px #0902F5, 0px 0px 7px #0902F5,0px 0px 7px #0902F5,0px 0px 7px #0902F5 , 0px 0px 9px #0902F5,0px 0px 9px #0902F5,0px 0px 9px #0902F5;
}
.kaigan_group .kaigan_other .pos_self , #pray_group .pray_other .pos_self { left: 20px; }
.kaigan_group .kaigan_other .pos_other, #pray_group .pray_other .pos_other{ right: 20px; }
#pray_group .pray_self .pos_self,
.kaigan_group .kaigan_self .pos_self ,
.free_group .kaigan_group [class^="pos_"]{ left: 172px; }
.kaigan_group .js_bdy{
width: 814px;
height: 586px;
margin: 0 auto 10px;
position: relative;
overflow: hidden;
}
.kaigan_group .js_bdy [class^="bg"]{
position: absolute;
width: 814px;
height: 586px;
}
#pray_group .name_self,
#pray_group .name_other,
.kaigan_group .name_self,
.kaigan_group .name_other{
position: absolute;
color: #fff;
width: 470px;
text-align: center;
font-size: 1.7em;
top: 425px;
z-index: 100;
}
.kaigan_group .text1 ,
.kaigan_group .text2 ,
.kaigan_group .text2_mos {
color: #fff;
position: absolute;
}
.kaigan_group .text1 p,
.kaigan_group .text2 p ,
.kaigan_group .text2_mos p {
opacity: 0;
}
.kaigan_group .text_font1 {
position: absolute;
}
.kaigan_group .bg_eye {
background:url(../../image/result/kaigan_group/eye_white.png) no-repeat 0 0; opacity: 0;
}
.kaigan_group .bg { background:url(../../image/result/kaigan_group/bg.jpg) no-repeat 0 0;}
.kaigan_group .bg_photo1 { background:url(../../image/result/kaigan_group/bg_photo1.png) no-repeat 0 0/contain;}
.kaigan_group .bg_photo2 { background:url(../../image/result/kaigan_group/bg_photo2.png) no-repeat 0 0; opacity:0;}
.kaigan_group .bg_moya { background:url(../../image/result/kaigan_group/bg_moya.jpg) no-repeat 0 0;}
.summary_group .bg_mask ,
.kaigan_group .bg_mask {
box-shadow: 0 0 30px #110626 inset, 0 0 30px #110626 inset, 0 0 30px #110626 inset, 0 0 30px #110626 inset, 0 0 30px #110626 inset,
0 0 40px #110626 inset, 0 0 40px #110626 inset, 0 0 40px #110626 inset, 0 0 40px #110626 inset, 0 0 40px #110626 inset,0 0 50px #110626 inset,
0 -8px 3px -3px #0B0C20, 0 8px 3px -3px #0B0C20,8px 0 3px -3px #0B0C20,-8px 0 3px -3px #0B0C20,
0 -8px 3px -3px #0B0C20, 0 8px 3px -3px #0B0C20,8px 0 3px -3px #0B0C20,-8px 0 3px -3px #0B0C20;
}
.kaigan_group .js_bdy .bg_moya2{ background:url(../../image/result/kaigan_group/moya_black.png) no-repeat 0 0;opacity:0;}
[class^="bg_light_ring_"]{
opacity:0;
}
.section_bdy_outer .bg_light_ring_1 { background:url(../../image/result/kaigan_group/veil/1.png) no-repeat 0 0/100% 100%; }
.section_bdy_outer .bg_light_ring_2 { background:url(../../image/result/kaigan_group/veil/2.png) no-repeat 0 0/100% 100%; }
.section_bdy_outer .bg_light_ring_3 { background:url(../../image/result/kaigan_group/veil/3.png) no-repeat 0 0/100% 100%; }
.section_bdy_outer .bg_light_ring_4 { background:url(../../image/result/kaigan_group/veil/4.png) no-repeat 0 0/100% 100%; }
.section_bdy_outer .bg_light_ring_5 { background:url(../../image/result/kaigan_group/veil/5.png) no-repeat 0 0/100% 100%; }
.section_bdy_outer .bg_light_ring_6 { background:url(../../image/result/kaigan_group/veil/6.png) no-repeat 0 0/100% 100%; }
.section_bdy_outer .bg_light_ring_7 { background:url(../../image/result/kaigan_group/veil/7.png) no-repeat 0 0/100% 100%; }
.section_bdy_outer .bg_light_ring_8 { background:url(../../image/result/kaigan_group/veil/8.png) no-repeat 0 0/100% 100%; }
.section_bdy_outer .bg_light_ring_9 { background:url(../../image/result/kaigan_group/veil/9.png) no-repeat 0 0/100% 100%; }
.section_bdy_outer .bg_light_ring_10 { background:url(../../image/result/kaigan_group/veil/10.png) no-repeat 0 0/100% 100%; }
.section_bdy_outer .bg_light_ring_special { background:url(../../image/result/kaigan_group/veil/special.png) no-repeat 0 0/100% 100%; }
.section_bdy_outer .silhouette_1 { background:url(../../image/result/kaigan_group/silhouette/1.png) no-repeat 0 0;}
.section_bdy_outer .silhouette_2 { background:url(../../image/result/kaigan_group/silhouette/2.png) no-repeat 0 0;}
.section_bdy_outer .silhouette_3 { background:url(../../image/result/kaigan_group/silhouette/3.png) no-repeat 0 0;}
.section_bdy_outer .silhouette_4 { background:url(../../image/result/kaigan_group/silhouette/4.png) no-repeat 0 0;}
.section_bdy_outer .silhouette_5 { background:url(../../image/result/kaigan_group/silhouette/5.png) no-repeat 0 0;}
.section_bdy_outer .silhouette_6 { background:url(../../image/result/kaigan_group/silhouette/6.png) no-repeat 0 0;}
.section_bdy_outer .silhouette_7 { background:url(../../image/result/kaigan_group/silhouette/7.png) no-repeat 0 0;}
.section_bdy_outer .silhouette_8 { background:url(../../image/result/kaigan_group/silhouette/8.png) no-repeat 0 0;}
.section_bdy_outer .silhouette_9 { background:url(../../image/result/kaigan_group/silhouette/9.png) no-repeat 0 0;}
.section_bdy_outer .silhouette_10 { background:url(../../image/result/kaigan_group/silhouette/10.png) no-repeat 0 0;}
#pray_group [class^="silhouette_"],
.kaigan_group [class^="silhouette_"]{
width: 470px;
height: 540px;
}
#pray_group [class^="pos_"],
.kaigan_group [class^="pos_"]{
position: absolute;
width: 470px;
height: 540px;
top:0;
opacity:0;
}
.kaigan_group .light {
background:url(../../image/result/kaigan_group/light_w.png) no-repeat 0 0/contain;
position: absolute;
width: 560px;
height: 370px;
left: 125px;
top: 0;
opacity:0;
}
.kaigan_group .light_blue {
background:url(../../image/result/kaigan_group/light_b.png) no-repeat 0 0/contain;
position: absolute;
width: 560px;
height: 370px;
left: 125px;
top: 0;
}
.kurukuru {
-webkit-animation: kuru1 3.5s 1 ease-out forwards;
animation: kuru1 3.5s 1 ease-out forwards;
}
@keyframes kuru1 {
100% { transform: rotateZ(180deg); }
}
/********* date_group *********/
.date_group .js_bdy{
width: 814px;
height: 586px;
margin: 0 auto 10px;
position: relative;
overflow: hidden;
}
.date_group .js_bdy [class^="bg"]{
position: absolute;
width: 814px;
height: 586px;
}
.date_group [class^="bg_light"] {
background:url(../../image/result/date_group/img.png) no-repeat 0 0;
opacity:0;
}
.date_group .bg { background:url(../../image/result/date_group/bg1.jpg) no-repeat 0 0;}
.date_group .bg_light2 {
transform: scale(-1, 1);
}
.date_group [class^="mini_light"],
.date_group .light {
background:url(../../image/result/kaigan_group/light_w.png) no-repeat 0 0;
position: absolute;
background-size: 700px 450px;
opacity:0;
}
.date_group .light {
width: 700px;
height: 450px;
left: 58px;
top: 15px;
opacity:0;
}
.date_group [class^="mini_light"]{
background:url(../../image/result/date_group/kira.png) no-repeat 0 0;
position: absolute;
background-size:94px 106px;
width: 94px;
height: 106px;
z-index:100;
opacity:0;
}
.date_group .mini_light1{top:170px;left: 240px;}
.date_group .mini_light2{top:170px;left: 345px;}
.date_group .mini_light3{top:170px;left: 450px;}
.date_group .mini_light4{top:250px;left: 240px;}
.date_group .mini_light5{top:250px;left: 345px;}
.date_group .mini_light6{top:250px;left: 450px;}
.date_group [class^="rand_number_"]{
position: absolute;
opacity:0;
}
.date_group [class^="rand_number_"] P{
font-family:Monotype Corsiva,century,"¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", Meiryo, serif;
color:#fff;
font-size:5.5em;
text-shadow: 0px 0px 3px #CB0098,0px 0px 3px #CB0098,0px 0px 3px #CB0098,0px 0px 3px #CB0098, 0px 0px 7px #CB0098,0px 0px 7px #CB0098,0px 0px 7px #CB0098 , 0px 0px 9px #CB0098,0px 0px 9px #CB0098,0px 0px 9px #CB0098;
}
.date_group .rand_number_1 P{ transform: rotate( 10deg) skewY( 15deg); }
.date_group .rand_number_2 P{ transform: rotate(-10deg) skewY(-20deg); }
.date_group .rand_number_3 P{ transform: rotate( 20deg) skewY( 0deg); }
.date_group .rand_number_4 P{ transform: rotate( 10deg) skewY(-20deg); }
.date_group .rand_number_5 P{ transform: rotate(10deg) skewY(-20deg); }
.date_group .rand_number_6 P{ transform: rotate(-10deg) skewY(-15deg); }
.date_group .rand_number_7 P{ transform: rotate(-10deg) skewY(-20deg); }
.date_group .rand_number_8 P{ transform: rotate(-20deg) skewY( 0deg); }
.date_group .rand_number_9 P{ transform: rotate( 10deg) skewY(-20deg); }
.date_group .rand_number_10 P{ transform: rotate(10deg) skewY(-20deg); }
.date_group .rand_number_1 { top: 80px; left: 190px; font-size: 1.2em;}
.date_group .rand_number_2 { top: 240px; left: 120px; font-size: 0.9em;}
.date_group .rand_number_3 { top: 250px; left: 270px; font-size: 1.1em;}
.date_group .rand_number_4 { top: 80px; left: 480px; font-size: 0.7em;}
.date_group .rand_number_5 { top: 170px; left: 640px; font-size: 1.0em;}
.date_group .rand_number_6 { top: 50px; left: 260px; font-size: 1.0em;}
.date_group .rand_number_7 { top: 135px; left: 120px; font-size: 0.7em;}
.date_group .rand_number_8 { top: 140px; left: 380px; font-size: 1.2em;}
.date_group .rand_number_9 { top: 40px; left: 380px; font-size: 0.9em;}
.date_group .rand_number_10 { top: 220px; left: 520px; font-size: 1.2em;}
.date_group .text_font {
opacity:0;
}
.date_group .title_bdy{background-image:url(../../image/result/title_bg/title4_bdy.jpg);width:798px; margin:0 auto 20px;}
.date_group .title_ftr{background-image:url(../../image/result/title_bg/title4_ftr.jpg);padding-bottom:40px;}
.date_group .title_hdr{background-image:url(../../image/result/title_bg/title4_hdr.jpg);padding-top: 40px;}
.date_group .result_box {
width: 730px;
margin: 0 auto 20px;
padding: 20px 30px ;
background-color: #68062F;
box-sizing: border-box;
border-radius: 5px;
box-shadow: 0px 0px 7px 4px #923A66 inset;
border: 1px solid #923A66;
display:none;
}
.date_group .text_font {
position: absolute;
top:155px;
width: 838px;
font-size: 1.6em;
}
.date_group .text_font .blue_zap{color: #c3f;}
.date_group strong {
color: #fff;
font-size: 2em;
line-height: 1.5;
font-weight: bold;
text-align: center;
display: block;
text-shadow:0px 0px 3px #CB0098,0px 0px 3px #CB0098,0px 0px 3px #CB0098,0px 0px 3px #CB0098, 0px 0px 7px #CB0098,0px 0px 7px #CB0098,0px 0px 7px #CB0098 , 0px 0px 9px #CB0098,0px 0px 9px #CB0098,0px 0px 9px #CB0098;
}
/********* summary_group *********/
.summary_group .title_bdy3{background-image:url(../../image/result/title_bg/title3_bdy.jpg);width:798px; margin:0 auto 20px;}
.summary_group .title_ftr3{background-image:url(../../image/result/title_bg/title3_ftr.jpg);padding-bottom:40px;}
.summary_group .title_hdr3{background-image:url(../../image/result/title_bg/title3_hdr.jpg);padding-top: 40px;}
.summary_group .text_font{
position: absolute;
top:350px;
}
.summary_group .js_bdy{
width: 814px;
height: 586px;
margin: 0 auto 10px;
position: relative;
overflow: hidden;
}
.summary_group .js_bdy [class^="bg"]{
position: absolute;
width: 814px;
height: 586px;
}
.summary_group .js_bdy .bg { background:url(../../image/result/summary_group/bg.jpg) no-repeat 0 0/contain;}
.summary_group .js_bdy .bg2 { background:url(../../image/result/summary_group/bg2.jpg) no-repeat 0 0;}
.summary_group .js_bdy .photo {
background: url(../../image/result/summary_group/photo.png) no-repeat 0 0/contain;
/*background-size: 814px auto;*/
width: 586px;
height: 586px;
left: 114px;
position: absolute;
}
.summary_group .js_bdy [class^="pos_"]{
position: absolute;
width: 400px;
height: 400px;
}
.summary_group .light {
background:url(../../image/result/summary_group/kira.png) no-repeat center center;
background-size: 400px 400px;
width: 400px;
height: 400px;
}
.summary_group .mosaic_text {
background:url(../../image/result/trial/mosaic_text.png) no-repeat center center;
background-size: 264px 60px;
width: 264px;
height: 60px;
position: absolute;
top: 255px;
left: 67px;
}
.summary_group .js_bdy .pos_center{ top: 0; left : 200px;}
.summary_group .js_bdy .pos_right { bottom: 0; right: 0px;}
.summary_group .js_bdy .pos_left { bottom: 0; left : 0px;}
.summary_group .pos_center{ transform: rotate( 0deg); z-index: 105;}
.summary_group .pos_right { transform: rotate( 10deg); z-index: 102;}
.summary_group .pos_left { transform: rotate( -5deg); z-index: 102;}
.summary_group [class^="motif"]{
width: 400px;
height: 350px;
position: absolute;
top: 25px;
left: 0px;
}
.summary_group [class^="sum_"],
.summary_group .detail_txt [class^="sum_"]{
position: relative;
}
.summary_group [class^="sum_"] P,
.summary_group .detail_txt [class^="sum_"] P{
font-size: 2em;
color: #fff;
width: 400px;
text-align: center;
padding: 270px 10px 0;
box-sizing: border-box;
line-height: 1;
}
.summary_group .sum_1 P{ text-shadow: 0px 0px 3px #7300DF,0px 0px 3px #7300DF,0px 0px 3px #7300DF,0px 0px 3px #7300DF, 0px 0px 7px #7300DF,0px 0px 7px #7300DF,0px 0px 7px #7300DF , 0px 0px 9px #7300DF,0px 0px 9px #7300DF,0px 0px 9px #7300DF; }
.summary_group .sum_2 P{ text-shadow: 0px 0px 3px #DC8F65,0px 0px 3px #DC8F65,0px 0px 3px #DC8F65,0px 0px 3px #DC8F65, 0px 0px 7px #DC8F65,0px 0px 7px #DC8F65,0px 0px 7px #DC8F65 , 0px 0px 9px #DC8F65,0px 0px 9px #DC8F65,0px 0px 9px #DC8F65; }
.summary_group .sum_3 P{ text-shadow: 0px 0px 3px #FF66FF,0px 0px 3px #FF66FF,0px 0px 3px #FF66FF,0px 0px 3px #FF66FF, 0px 0px 7px #FF66FF,0px 0px 7px #FF66FF,0px 0px 7px #FF66FF , 0px 0px 9px #FF66FF,0px 0px 9px #FF66FF,0px 0px 9px #FF66FF; }
.summary_group .motif_1 {background:url(../../image/result/summary_group/motif/1.png) no-repeat center center;}
.summary_group .motif_2 {background:url(../../image/result/summary_group/motif/2.png) no-repeat center center;}
.summary_group .motif_3 {background:url(../../image/result/summary_group/motif/3.png) no-repeat center center;}
.summary_group .motif_4 {background:url(../../image/result/summary_group/motif/4.png) no-repeat center center;}
.summary_group .motif_5 {background:url(../../image/result/summary_group/motif/5.png) no-repeat center center;}
.summary_group .motif_6 {background:url(../../image/result/summary_group/motif/6.png) no-repeat center center;}
.summary_group .motif_7 {background:url(../../image/result/summary_group/motif/7.png) no-repeat center center;}
.summary_group .motif_8 {background:url(../../image/result/summary_group/motif/8.png) no-repeat center center;}
.summary_group .motif_9 {background:url(../../image/result/summary_group/motif/9.png) no-repeat center center;}
.summary_group .motif_10 {background:url(../../image/result/summary_group/motif/10.png) no-repeat center center;}
.summary_group .motif_11 {background:url(../../image/result/summary_group/motif/11.png) no-repeat center center;}
.summary_group .motif_12 {background:url(../../image/result/summary_group/motif/12.png) no-repeat center center;}
.summary_group .motif_13 {background:url(../../image/result/summary_group/motif/13.png) no-repeat center center;}
.summary_group .motif_14 {background:url(../../image/result/summary_group/motif/14.png) no-repeat center center;}
.summary_group .motif_15 {background:url(../../image/result/summary_group/motif/15.png) no-repeat center center;}
.summary_group .motif_16 {background:url(../../image/result/summary_group/motif/16.png) no-repeat center center;}
.summary_group .motif_17 {background:url(../../image/result/summary_group/motif/17.png) no-repeat center center;}
.summary_group .motif_18 {background:url(../../image/result/summary_group/motif/18.png) no-repeat center center;}
.summary_group .motif_19 {background:url(../../image/result/summary_group/motif/19.png) no-repeat center center;}
.summary_group .motif_20 {background:url(../../image/result/summary_group/motif/20.png) no-repeat center center;}
.summary_group .motif_21 {background:url(../../image/result/summary_group/motif/21.png) no-repeat center center;}
.summary_group .motif_22 {background:url(../../image/result/summary_group/motif/22.png) no-repeat center center;}
.summary_group .motif_23 {background:url(../../image/result/summary_group/motif/23.png) no-repeat center center;}
.summary_group .motif_24 {background:url(../../image/result/summary_group/motif/24.png) no-repeat center center;}
.summary_group .motif_25 {background:url(../../image/result/summary_group/motif/25.png) no-repeat center center;}
.summary_group .motif_26 {background:url(../../image/result/summary_group/motif/26.png) no-repeat center center;}
.summary_group .motif_27 {background:url(../../image/result/summary_group/motif/27.png) no-repeat center center;}
.summary_group .motif_28 {background:url(../../image/result/summary_group/motif/28.png) no-repeat center center;}
.summary_group .motif_29 {background:url(../../image/result/summary_group/motif/29.png) no-repeat center center;}
.summary_group .motif_30 {background:url(../../image/result/summary_group/motif/30.png) no-repeat center center;}
.summary_group .motif_31 {background:url(../../image/result/summary_group/motif/31.png) no-repeat center center;}
.summary_group .motif_32 {background:url(../../image/result/summary_group/motif/32.png) no-repeat center center;}
.summary_group .motif_33 {background:url(../../image/result/summary_group/motif/33.png) no-repeat center center;}
.summary_group .motif_34 {background:url(../../image/result/summary_group/motif/34.png) no-repeat center center;}
.summary_group .motif_35 {background:url(../../image/result/summary_group/motif/35.png) no-repeat center center;}
.summary_group .motif_36 {background:url(../../image/result/summary_group/motif/36.png) no-repeat center center;}
.summary_group .motif_37 {background:url(../../image/result/summary_group/motif/37.png) no-repeat center center;}
.summary_group .motif_38 {background:url(../../image/result/summary_group/motif/38.png) no-repeat center center;}
.summary_group .motif_39 {background:url(../../image/result/summary_group/motif/39.png) no-repeat center center;}
.summary_group .motif_40 {background:url(../../image/result/summary_group/motif/40.png) no-repeat center center;}
.summary_group .motif_41 {background:url(../../image/result/summary_group/motif/41.png) no-repeat center center;}
.summary_group .motif_42 {background:url(../../image/result/summary_group/motif/42.png) no-repeat center center;}
.summary_group .motif_43 {background:url(../../image/result/summary_group/motif/43.png) no-repeat center center;}
.summary_group .motif_44 {background:url(../../image/result/summary_group/motif/44.png) no-repeat center center;}
.summary_group .motif_45 {background:url(../../image/result/summary_group/motif/45.png) no-repeat center center;}
.summary_group .motif_46 {background:url(../../image/result/summary_group/motif/46.png) no-repeat center center;}
.summary_group .motif_47 {background:url(../../image/result/summary_group/motif/47.png) no-repeat center center;}
.summary_group .motif_48 {background:url(../../image/result/summary_group/motif/48.png) no-repeat center center;}
.summary_group .motif_49 {background:url(../../image/result/summary_group/motif/49.png) no-repeat center center;}
.summary_group .motif_50 {background:url(../../image/result/summary_group/motif/50.png) no-repeat center center;}
.summary_group .motif_51 {background:url(../../image/result/summary_group/motif/51.png) no-repeat center center;}
.summary_group .motif_52 {background:url(../../image/result/summary_group/motif/52.png) no-repeat center center;}
.summary_group .motif_53 {background:url(../../image/result/summary_group/motif/53.png) no-repeat center center;}
.summary_group .motif_54 {background:url(../../image/result/summary_group/motif/54.png) no-repeat center center;}
.summary_group .motif_55 {background:url(../../image/result/summary_group/motif/55.png) no-repeat center center;}
.summary_group .motif_56 {background:url(../../image/result/summary_group/motif/56.png) no-repeat center center;}
.summary_group .motif_57 {background:url(../../image/result/summary_group/motif/57.png) no-repeat center center;}
.summary_group .motif_58 {background:url(../../image/result/summary_group/motif/58.png) no-repeat center center;}
.summary_group .motif_59 {background:url(../../image/result/summary_group/motif/59.png) no-repeat center center;}
.summary_group .motif_60 {background:url(../../image/result/summary_group/motif/60.png) no-repeat center center;}
.summary_group .motif_61 {background:url(../../image/result/summary_group/motif/61.png) no-repeat center center;}
.summary_group .motif_62 {background:url(../../image/result/summary_group/motif/62.png) no-repeat center center;}
.summary_group .motif_63 {background:url(../../image/result/summary_group/motif/63.png) no-repeat center center;}
.summary_group .motif_64 {background:url(../../image/result/summary_group/motif/64.png) no-repeat center center;}
.summary_group .motif_65 {background:url(../../image/result/summary_group/motif/65.png) no-repeat center center;}
.summary_group .motif_66 {background:url(../../image/result/summary_group/motif/66.png) no-repeat center center;}
.summary_group .motif_67 {background:url(../../image/result/summary_group/motif/67.png) no-repeat center center;}
.summary_group .motif_68 {background:url(../../image/result/summary_group/motif/68.png) no-repeat center center;}
.summary_group .motif_69 {background:url(../../image/result/summary_group/motif/69.png) no-repeat center center;}
.summary_group .motif_70 {background:url(../../image/result/summary_group/motif/70.png) no-repeat center center;}
.summary_group .motif_71 {background:url(../../image/result/summary_group/motif/71.png) no-repeat center center;}
.summary_group .motif_72 {background:url(../../image/result/summary_group/motif/72.png) no-repeat center center;}
.summary_group .motif_73 {background:url(../../image/result/summary_group/motif/73.png) no-repeat center center;}
.summary_group .motif_74 {background:url(../../image/result/summary_group/motif/74.png) no-repeat center center;}
.summary_group .motif_75 {background:url(../../image/result/summary_group/motif/75.png) no-repeat center center;}
.summary_group .motif_76 {background:url(../../image/result/summary_group/motif/76.png) no-repeat center center;}
.summary_group .motif_77 {background:url(../../image/result/summary_group/motif/77.png) no-repeat center center;}
.summary_group .motif_78 {background:url(../../image/result/summary_group/motif/78.png) no-repeat center center;}
.summary_group .motif_79 {background:url(../../image/result/summary_group/motif/79.png) no-repeat center center;}
.summary_group .motif_80 {background:url(../../image/result/summary_group/motif/80.png) no-repeat center center;}
.summary_group .motif_81 {background:url(../../image/result/summary_group/motif/81.png) no-repeat center center;}
.summary_group .motif_82 {background:url(../../image/result/summary_group/motif/82.png) no-repeat center center;}
.summary_group .motif_83 {background:url(../../image/result/summary_group/motif/83.png) no-repeat center center;}
.summary_group .motif_84 {background:url(../../image/result/summary_group/motif/84.png) no-repeat center center;}
.summary_group .motif_85 {background:url(../../image/result/summary_group/motif/85.png) no-repeat center center;}
.summary_group .motif_86 {background:url(../../image/result/summary_group/motif/86.png) no-repeat center center;}
.summary_group .motif_87 {background:url(../../image/result/summary_group/motif/87.png) no-repeat center center;}
.summary_group .motif_88 {background:url(../../image/result/summary_group/motif/88.png) no-repeat center center;}
.summary_group .motif_89 {background:url(../../image/result/summary_group/motif/89.png) no-repeat center center;}
.summary_group .motif_90 {background:url(../../image/result/summary_group/motif/90.png) no-repeat center center;}
.summary_group .motif_91 {background:url(../../image/result/summary_group/motif/91.png) no-repeat center center;}
.summary_group .motif_92 {background:url(../../image/result/summary_group/motif/92.png) no-repeat center center;}
.summary_group .motif_93 {background:url(../../image/result/summary_group/motif/93.png) no-repeat center center;}
.summary_group .motif_94 {background:url(../../image/result/summary_group/motif/94.png) no-repeat center center;}
.summary_group .motif_95 {background:url(../../image/result/summary_group/motif/95.png) no-repeat center center;}
.summary_group .motif_96 {background:url(../../image/result/summary_group/motif/96.png) no-repeat center center;}
.summary_group .motif_97 {background:url(../../image/result/summary_group/motif/97.png) no-repeat center center;}
.summary_group .motif_98 {background:url(../../image/result/summary_group/motif/98.png) no-repeat center center;}
.summary_group .motif_99 {background:url(../../image/result/summary_group/motif/99.png) no-repeat center center;}
.summary_group .motif_100 {background:url(../../image/result/summary_group/motif/100.png) no-repeat center center;}
.summary_group .motif_101 {background:url(../../image/result/summary_group/motif/101.png) no-repeat center center;}
.summary_group .motif_102 {background:url(../../image/result/summary_group/motif/102.png) no-repeat center center;}
.summary_group .motif_103 {background:url(../../image/result/summary_group/motif/103.png) no-repeat center center;}
.summary_group .motif_104 {background:url(../../image/result/summary_group/motif/104.png) no-repeat center center;}
.summary_group .motif_105 {background:url(../../image/result/summary_group/motif/105.png) no-repeat center center;}
.summary_group .motif_106 {background:url(../../image/result/summary_group/motif/106.png) no-repeat center center;}
.summary_group .motif_107 {background:url(../../image/result/summary_group/motif/107.png) no-repeat center center;}
.summary_group .motif_108 {background:url(../../image/result/summary_group/motif/108.png) no-repeat center center;}
.summary_group .motif_109 {background:url(../../image/result/summary_group/motif/109.png) no-repeat center center;}
.summary_group .motif_110 {background:url(../../image/result/summary_group/motif/110.png) no-repeat center center;}
.summary_group .motif_111 {background:url(../../image/result/summary_group/motif/111.png) no-repeat center center;}
.summary_group .motif_112 {background:url(../../image/result/summary_group/motif/112.png) no-repeat center center;}
.summary_group .motif_113 {background:url(../../image/result/summary_group/motif/113.png) no-repeat center center;}
.summary_group .motif_114 {background:url(../../image/result/summary_group/motif/114.png) no-repeat center center;}
.summary_group .motif_115 {background:url(../../image/result/summary_group/motif/115.png) no-repeat center center;}
.summary_group .motif_116 {background:url(../../image/result/summary_group/motif/116.png) no-repeat center center;}
.summary_group .motif_117 {background:url(../../image/result/summary_group/motif/117.png) no-repeat center center;}
.summary_group .motif_118 {background:url(../../image/result/summary_group/motif/118.png) no-repeat center center;}
.summary_group .motif_119 {background:url(../../image/result/summary_group/motif/119.png) no-repeat center center;}
.summary_group .motif_120 {background:url(../../image/result/summary_group/motif/120.png) no-repeat center center;}
.summary_group .motif_121 {background:url(../../image/result/summary_group/motif/121.png) no-repeat center center;}
.summary_group .motif_122 {background:url(../../image/result/summary_group/motif/122.png) no-repeat center center;}
.summary_group .motif_123 {background:url(../../image/result/summary_group/motif/123.png) no-repeat center center;}
.summary_group .motif_124 {background:url(../../image/result/summary_group/motif/124.png) no-repeat center center;}
.summary_group .motif_125 {background:url(../../image/result/summary_group/motif/125.png) no-repeat center center;}
.summary_group .motif_126 {background:url(../../image/result/summary_group/motif/126.png) no-repeat center center;}
.summary_group .motif_127 {background:url(../../image/result/summary_group/motif/127.png) no-repeat center center;}
.summary_group .motif_128 {background:url(../../image/result/summary_group/motif/128.png) no-repeat center center;}
.summary_group .motif_129 {background:url(../../image/result/summary_group/motif/129.png) no-repeat center center;}
.summary_group .motif_130 {background:url(../../image/result/summary_group/motif/130.png) no-repeat center center;}
.summary_group .motif_131 {background:url(../../image/result/summary_group/motif/131.png) no-repeat center center;}
.summary_group .motif_132 {background:url(../../image/result/summary_group/motif/132.png) no-repeat center center;}
.summary_group .motif_133 {background:url(../../image/result/summary_group/motif/133.png) no-repeat center center;}
.summary_group .motif_134 {background:url(../../image/result/summary_group/motif/134.png) no-repeat center center;}
.summary_group .motif_135 {background:url(../../image/result/summary_group/motif/135.png) no-repeat center center;}
.summary_group .motif_136 {background:url(../../image/result/summary_group/motif/136.png) no-repeat center center;}
.summary_group .motif_137 {background:url(../../image/result/summary_group/motif/137.png) no-repeat center center;}
.summary_group .motif_138 {background:url(../../image/result/summary_group/motif/138.png) no-repeat center center;}
.summary_group .motif_139 {background:url(../../image/result/summary_group/motif/139.png) no-repeat center center;}
.summary_group .motif_140 {background:url(../../image/result/summary_group/motif/140.png) no-repeat center center;}
.summary_group .motif_141 {background:url(../../image/result/summary_group/motif/141.png) no-repeat center center;}
.summary_group .motif_142 {background:url(../../image/result/summary_group/motif/142.png) no-repeat center center;}
.summary_group .motif_143 {background:url(../../image/result/summary_group/motif/143.png) no-repeat center center;}
.summary_group .motif_144 {background:url(../../image/result/summary_group/motif/144.png) no-repeat center center;}
.summary_group .motif_145 {background:url(../../image/result/summary_group/motif/145.png) no-repeat center center;}
.summary_group .motif_146 {background:url(../../image/result/summary_group/motif/146.png) no-repeat center center;}
.summary_group .motif_147 {background:url(../../image/result/summary_group/motif/147.png) no-repeat center center;}
.summary_group .motif_148 {background:url(../../image/result/summary_group/motif/148.png) no-repeat center center;}
.summary_group .motif_149 {background:url(../../image/result/summary_group/motif/149.png) no-repeat center center;}
.summary_group .motif_150 {background:url(../../image/result/summary_group/motif/150.png) no-repeat center center;}
.summary_group .motif_151 {background:url(../../image/result/summary_group/motif/151.png) no-repeat center center;}
.summary_group .motif_152 {background:url(../../image/result/summary_group/motif/152.png) no-repeat center center;}
.summary_group .motif_153 {background:url(../../image/result/summary_group/motif/153.png) no-repeat center center;}
.summary_group .motif_154 {background:url(../../image/result/summary_group/motif/154.png) no-repeat center center;}
.summary_group .motif_155 {background:url(../../image/result/summary_group/motif/155.png) no-repeat center center;}
.summary_group .motif_156 {background:url(../../image/result/summary_group/motif/156.png) no-repeat center center;}
.summary_group .motif_157 {background:url(../../image/result/summary_group/motif/157.png) no-repeat center center;}
.summary_group .motif_158 {background:url(../../image/result/summary_group/motif/158.png) no-repeat center center;}
.summary_group .motif_159 {background:url(../../image/result/summary_group/motif/159.png) no-repeat center center;}
.summary_group .motif_160 {background:url(../../image/result/summary_group/motif/160.png) no-repeat center center;}
.summary_group .motif_161 {background:url(../../image/result/summary_group/motif/161.png) no-repeat center center;}
.summary_group .motif_162 {background:url(../../image/result/summary_group/motif/162.png) no-repeat center center;}
.summary_group .motif_163 {background:url(../../image/result/summary_group/motif/163.png) no-repeat center center;}
.summary_group .motif_164 {background:url(../../image/result/summary_group/motif/164.png) no-repeat center center;}
.summary_group .motif_165 {background:url(../../image/result/summary_group/motif/165.png) no-repeat center center;}
.summary_group .motif_166 {background:url(../../image/result/summary_group/motif/166.png) no-repeat center center;}
.summary_group .motif_167 {background:url(../../image/result/summary_group/motif/167.png) no-repeat center center;}
.summary_group .motif_168 {background:url(../../image/result/summary_group/motif/168.png) no-repeat center center;}
.summary_group .motif_169 {background:url(../../image/result/summary_group/motif/169.png) no-repeat center center;}
.summary_group .motif_170 {background:url(../../image/result/summary_group/motif/170.png) no-repeat center center;}
.summary_group .motif_171 {background:url(../../image/result/summary_group/motif/171.png) no-repeat center center;}
.summary_group .motif_172 {background:url(../../image/result/summary_group/motif/172.png) no-repeat center center;}
.summary_group .motif_173 {background:url(../../image/result/summary_group/motif/173.png) no-repeat center center;}
.summary_group .motif_174 {background:url(../../image/result/summary_group/motif/174.png) no-repeat center center;}
.summary_group .motif_175 {background:url(../../image/result/summary_group/motif/175.png) no-repeat center center;}
.summary_group .motif_176 {background:url(../../image/result/summary_group/motif/176.png) no-repeat center center;}
.summary_group .motif_177 {background:url(../../image/result/summary_group/motif/177.png) no-repeat center center;}
.summary_group .motif_178 {background:url(../../image/result/summary_group/motif/178.png) no-repeat center center;}
.summary_group .motif_mosaic {background:url(../../image/result/summary_group/motif/mosaic.png) no-repeat center center;}
/********* summary_group *********/
.summary_left [class^="summary_box"] ,
.summary_right [class^="summary_box"] {
position: relative;
}
.summary_right [class^="summary_box"] img.summary_img{
width: 240px;
height: auto;
position: absolute;
top: 50px;
left: 20px;
}
.summary_group .detail_txt.summary_right [class^="summary_box"] {
float: left;
width: 400px;
min-height: 400px;
_height: 400px;
}
.summary_group .detail_txt.summary_right .summary_text{
width:404px;
float: right;
}
.summary_group .detail_txt.summary_left [class^="summary_box"] {
float: right;
width: 400px;
min-height: 400px;
_height: 400px;
}
.summary_group .detail_txt.summary_left .summary_text{
width:404px;
float: left;
}
.summary_group .altdayo,
.summary_group .detail_txt .altdayo{
/* text-align: center;
font-size: 4em;
color: blue;
padding-top: 160px;
position: absolute;
width: 400px;*/
opacity:0;
font-size:0;
}
.main_all_bdy .summary_group .detail_txt{
width:804px;
}
span.attention_sex {
color: #BB1C1C;
}
/*--------------------*
.start_btn
*--------------------*/
.start_btn{
width: 80%;
margin: 0 auto 3%;
max-width: 460px;
}
.start_btn a p{
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
}