/* 共通 ---------------------------------------------------------------------------- */
.grayBox{
padding-bottom:5px;
background:url(../img/detail/n_radiusBottom.png) left bottom no-repeat;
}

.grayBox dd{
border-left:1px solid #444;
border-right:1px solid #444;
padding:20px;
}

/* 占い師タイトル ----------------------------------------------------------------- */
#teller{
background:#683472;
border:1px solid #444;
padding:7px 13px;
margin-top:20px;
color:#FFF;
margin-bottom:25px;
}

#teller dt{
border-right:1px dotted #999;
float:left;
padding:0 10px 0 20px;
margin-right:10px;
font-size:11px;
background:url(../img/detail/icoCirclegif.gif) left center no-repeat;
}


#teller dd{
font-size:15px;	
}


/* 占い師画像 --------------------------------------------------------------------- */
#tellerImg{
background:#e2d5e4;
padding:1px;
border:1px solid #683472;
margin-bottom:10px;
}


/* レイアウト -------------------------------------------------------------------- */

#leftDbox{
width:124px;
float:left;
margin-left: 20px;
}

#rightDbox{
width:600px;
float:right;
}

#d_profile {
text-align:center;
}

#d_profile dt {
background:#e2d5e4;
color:#479EB3;
}


/* ボタン　------------------------------------------------------------------------ */
#btDetail {
margin:0 10px 7px;
overflow:hidden;
}

#btDetail li {
float:left;
}

#btDetail li a{
display:block;
width:182px;
height:45px;
text-indent:-9999px;
}

#check_sche	{ background:url(../img/detail/n_btSche.png) no-repeat; }
#check_voic { background:url(../img/detail/n_btVoice.png) no-repeat; }
#check_mail { background:url(../img/detail/n_btMail.png) no-repeat; }

a#check_sche:hover	 	{ background:url(../img/detail/n_btSche_mo.png) no-repeat; }
a#check_voic:hover 		{ background:url(../img/detail/n_btVoice_mo.png) no-repeat; }
a#check_mail:hover  	{ background:url(../img/detail/n_btMail_mo.png) no-repeat; }



/* 占い師メッセージ -------------------------------------------------------------- */
#tellerBox{
clear:left;
margin-bottom:30px;
}

#tellerBox h2{
text-indent:-9999px;
height:36px;
background:url(../img/detail/n_titleMes.png) no-repeat;
}

#tellerBox h2.feel{
text-indent:-9999px;
height:36px;
background:url(../img/detail/n_titleFeelMes.png) no-repeat;
}

.specDetail{
padding:13px 0;
clear:left;
overflow:hidden;
}

.lineTop{
background:url(../img/base/n_line.png) left top repeat-x;
}

.specDetail dt{
color:#499EB5;
padding-left:15px;
background:url(../img/common/n_d_circle.gif) left center no-repeat;
width:110px;
float:left;
}

.specDetail dd{
float:left;
}


.itemFee{
padding-left:20px;
font-weight:normal;
}

#feeTa td{
color:#4DB2CC;
font-weight:bold;
padding-left:20px;
}

#p_tel	{ background:url(../img/detail/n_icoTel.png) left center no-repeat; }
#p_mail { background:url(../img/detail/n_icoMail.png) left center no-repeat; }

#lastFee{ margin-bottom:40px; }

/* 待機スケジュール表 ---------------------------------------------------------- */
#schedule{
clear:both;
}

#schedule h3{
text-indent:-9999px;
background:url(../img/detail/n_weekSche.png) no-repeat;
height:35px;
margin-bottom:10px;
}

#taSche{
background:#693573;
}

#taSche td, #taSche th  { background:#e2d5e4; }

/* 日付 */
.sche_date{
text-align:center;
height:16px;
}

#taSche th {
width:20px;
text-align:center;
}

/* 待機している時間は■をつける */
#schedule .sche_on	{ background:url(../img/detail/n_sche_on.gif) left center repeat-x; }

#schedule #sat	{ color:#4EB2CD; }
#schedule #sun	{ color:#F85972; }

#infoSche{ margin-top:10px; }

#infoSche dt{
padding-left:15px;
background:url(../img/common/n_d_circle.gif) left center no-repeat;
}


/* メール鑑定見本 ---------------------------------------------------------- */
#mailSample dt{
text-indent:-9999px;
background:url(../img/detail/n_titleMail.png) no-repeat;
height:38px;
}

#closeBt{
text-indent:-9999px;
display:block;
width:192px;
height:39px;
background:url(../img/detail/n_btClose.png) no-repeat;
margin:10px auto 40px;
}

/* メール鑑定・お気に入り登録 */
ul#fe_Menu a	{
width:125px;
height:25px;
text-indent:-9999px;
display:block;
margin-top:10px;
}

#fe_User a	{ background:url(../img/detail/n_bt_user.png) no-repeat; }
#fe_User a:hover	{ background:url(../img/detail/n_bt_user_mo.png) no-repeat; }


/* キャッチコピー ---------------------------------------------------------- */
#copy {
background-color: #ffffff;
color: #512d57;
font-size: 0.9em;
margin-bottom: 10px;
margin-top: 5px;
padding: 5px 0px 0px 0px;
text-align: left;
width: 100%;
}

p.name {
font-size: 1em;
font-weight: bold;
padding-bottom: 5px;
color:#512d57;
margin-top: 3px;
}

div.icon01 {
display: -moz-inline-box; /*for Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5～7*/
/zoom: 1; /*for ie5～7*/
vertical-align: top;
width:50px;
}

div.icon02 {
display: -moz-inline-box; /*for Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5～7*/
/zoom: 1; /*for ie5～7*/
text-align: right;
vertical-align: top;
float: right;
width:100px;
height:50px;
}

hr.copy {
height: 4px;
margin: 3px 0px 0px 0px;
background-color:#7d5285;
}

div.text {
display: -moz-inline-box; /*for Firefox 2*/
display: inline-block; /*for modern*/
//display: inline; /*for ie5～7*/
//zoom: 1; /*for ie5～7*/
padding: 3px 0px 0px 3px;
color:#512d57;
background-color: #ffffff;
/*width: 620px; */
}

div.clear{
float:clear;
}

/* ログイン前の時に表示するボタン 20191030isk → 20240227 */
#before_login_menu {
    max-width: 500px;
    margin: 0 auto 40px;
}
#before_login_menu .blm_regi {
    width: 90%;
    margin: 0 auto;
    display: block;
}
#before_login_menu .blm_regi img {
	width: 100%;
}
#before_login_menu .al_regi {
    text-align: center;
    margin-top: 25px;
}
#before_login_menu .al_regi .blm_login {
    text-decoration: underline;
    color: #707070;
}

/* ↑↑↑ここまで↑↑↑ */


/* フィールポイント ////////////// */
@media only screen and (max-width: 767px) {
.fp_contents {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /*margin: 7px auto 25px;*/
    margin: 7px auto 7px;    
    padding: 7px 0 7px;
    width: 96%;
    box-sizing: border-box;
    border-radius: 6px;
}
.fp_contents table {
	width:98%;
	line-height:18px;
	margin:0 auto;
	}
.fp_contents table td { border: none;}
.fp_contents .name {
	 font-size:17px; 
	 vertical-align: bottom; 
	 font-weight:bold; 
	 }
.fp_contents .rank {    
	font-size: 14px;
    }
.fp_contents .rank span {
    padding: 1px 2px;
    text-decoration: underline;
}
.fp_contents .id { vertical-align: bottom; font-size:13px;	 padding:8px 0 0 ;}
.fp_contents .point { text-align:right; max-width: 30%; /*line-height: 23px;*/ padding-right: 5px;}
.fp_contents .point span.arriba {
	background-color: #82438e;
    border-radius: 13px;
    font-size: 12px;
    padding: 3px 10px;
    color:#fff;
    }
.fp_contents .point a.abajo {
	font-size: 18px;
	text-decoration: underline;
	font-weight: bold;
	}
.fp_contents li {
    margin: 0 0 5px 5px;
}
.fp_contents table .rank_icon {
    width: 85px;
    vertical-align: middle;
    padding-right:6px;
    text-align:center;
    position: relative;
}
.fp_contents table .rank_icon span {
	margin: -16px auto 0;
    display: block;
    background-color: #f7f7f7;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    width: 70%;
    color: #515151;
    font-size:13px;
}
}

@media print, (min-width: 768px) {
.fp_contents {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 7px auto 25px;
    padding: 7px 40px 7px;
    width: 670px;
    box-sizing: border-box;
    border-radius: 6px;
}
.fp_contents table {
	width:98%;
	line-height:18px;
	margin:0 auto;
	}
.fp_contents table td { border: none;}
.fp_contents .name {
	 font-size:17px; 
	 vertical-align: bottom; 
	 font-weight:bold; 
	 }
.fp_contents .rank {    
	font-size: 14px;
    }
.fp_contents .rank span {
    padding: 1px 2px;
    text-decoration: underline;
}
.fp_contents .id { vertical-align: bottom; font-size:13px;	 padding:8px 0 0 ;}
.fp_contents .point { text-align:right; max-width: 30%; line-height: 23px; padding-right: 5px;}
.fp_contents .point span.arriba {
	background-color: #82438e;
    border-radius: 13px;
    font-size: 12px;
    padding: 3px 10px;
    color:#fff;
    }
.fp_contents .point a.abajo {
	font-size: 18px;
	text-decoration: underline;
	font-weight: bold;
	}
.fp_contents li {
    margin: 0 0 5px 30px;
}
.fp_contents table .rank_icon {
    width: 95px;
    vertical-align: middle;
    padding-right:6px;
    text-align:center;
    position: relative;
}
.fp_contents table .rank_icon span {
	margin: -16px auto 0;
    display: block;
    background-color: #f7f7f7;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    width: 70%;
    color: #515151;
    font-size:13px;
}
}
/* PC SP 共通 ランク別背景色とfeelランク詳細ページアイコン */
/* ブロンズ */
.bronze {
    background-color: #fffcf9;
    border-top: 4px double #a06c3b;
    border-bottom: 4px double #a06c3b;
    }
.bronze .rank span {
    background-color: #ffdaa0;
}

/* シルバー */ 
.silver {
	background-color: #fbfdff;
    border-top: 4px double #5e8099;
    border-bottom: 4px double #5e8099;
    }
.silver .rank span {
    background-color: #d9e8ff;
}
 
/* ゴールド */
.gold {
    background-color: #fffce5;
    border-top: 4px double #927a07;
    border-bottom: 4px double #927a07;
    }
.gold .rank span {
    background-color: #fde481;
}

/* プラチナ */
.platinum {
	background-color: #fcfdff;
    border-top: 4px double #2f6ad6;
    border-bottom: 4px double #2f6ad6;
    }
.platinum .rank span {
    background-color: #c8dcff;
}

/* ダイヤモンド */
.diamond {
	background-color: #fcfbff;
    border-top: 4px double #8f70ca;
    border-bottom: 4px double #8e70cb;
    }
.diamond .rank span {
    background-color: #eadfff;
}
/* オリハルコン */
.orihalcon {
    border-top: 7px double #fff;
    border-bottom: 7px double #fff;
    border-radius: 4px;
    background-color: #05324f;
    color: #fff;
}
.orihalcon .rank span {
    background-color: #a6f5ff;
}
.orihalcon .rank_icon div {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    margin: 0 auto;
    border: 20px ridge #90d2ff;
}
.orihalcon .point {
    background-color: #ffffff;
    border-radius: 2px 20px 2px 20px;
	}



/* iskテスト */
.isk_test {
	margin: 0px auto;
	max-width: 500px;
}
.isk_test .mi_name {
    font-size: 13px;
    text-align: center;
}
.isk_test .mi_name span{
    font-size: 15px;
	font-weight: bold;
}
.isk_test .bronze {
    background-color: #fffcf9;
    border-top: 4px double #a06c3b;
    border-bottom: 4px double #a06c3b;
}
.isk_test .silver {
	background-color: #fbfdff;
    border-top: 4px double #5e8099;
    border-bottom: 4px double #5e8099;
}
.isk_test .gold {
    background-color: #fffce5;
    border-top: 4px double #927a07;
    border-bottom: 4px double #927a07;
}
.isk_test .platinum {
	background-color: #fcfdff;
    border-top: 4px double #2f6ad6;
    border-bottom: 4px double #2f6ad6;
}
.isk_test .diamond {
	background-color: #fcfbff;
    border-top: 4px double #8f70ca;
    border-bottom: 4px double #8f70ca;
}
.isk_test .orihalcon {
    background-color: #5c61b0;
    border-top: 4px double #fff;
    border-bottom: 4px double #fff;
}


.isk_test .mi_card {
    margin: 0px auto 7px;
    padding: 7px 6px;
    width: 96%;
    box-sizing: border-box;
    border-radius: 6px;
    display: table;
}
.isk_test .rank_icon {
    width: 60px;
    display: table-cell;
    vertical-align: top;
    position: relative;
}
.isk_test .rank_icon span {
    position: absolute;
    bottom: 0;
    background-color: #f3f3f3;
    font-size: 12px;
    padding: 1px 0;
    width: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
    color:#333;
}
.isk_test .rank_icon img {
    width: 100%;
    vertical-align: middle;
}
.isk_test .mi_card table {
/*    display: table-cell;
    vertical-align: middle; */
	margin: 3px auto;
    font-size: 14px;
    width: 93%;
}
.isk_test .mi_card table td {
    text-align: right;
    padding: 1px 0;
}
.isk_test .mi_card table td.now_po { 
	font-weight: bold;
	font-size: 16px;
}
.isk_test .mi_card table td.minus_po { 
	color: #ff1d1d;
}
.isk_test .mi_card table a {
	padding: 0px 3px;
    text-decoration: underline;
    }
.isk_test .bronze table a.rank_bronze { background-color: #ffdaa0;}
.isk_test .silver table a.rank_silver { background-color: #d9e8ff;}
.isk_test .gold table a.rank_gold { background-color: #fde481;}
.isk_test .platinum table a.rank_platinum { background-color: #c8dcff;}
.isk_test .diamond table a.rank_diamond { background-color: #eadfff;}
.isk_test .orihalcon table a.rank_orihalcon { background-color: #a6f5ff;}

.isk_test .mi_card .mi_pay {
    display: table-cell;
    vertical-align: middle;
    width: 77px;
}

.isk_test .jawgen {
	font-size: 12px;
    font-size: 12px;
    vertical-align: top;
    display: inline-block;
	}


.isk_test .mi_card .mi_pay a {
    background-color: #ddd;
    display: block;
    text-align: center;
    padding: 14px 0;
    font-size: 14px;
    line-height: 18px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
.isk_test .mi_card .mi_pay a.pay_plus {
    background: linear-gradient(#ffa437, #db7a06);
    border: 1px solid #d57506;
    text-shadow: -1px -1px 0px #d57507;
}
.isk_test .mi_card .mi_pay a.pay_minus {
    background: linear-gradient(#5495f4, #1f70d2);
    border: 1px solid #2172d1;	
    text-shadow: -1px -1px 0 #286dbd;
}
/* マイページ移動 20210330 */
.isk_test .name_mypage {
    width: 96%;
    margin: 9px auto 6px;
}
.isk_test .name_mypage .go_mp {
	text-align: center;
	width: 39%;
	padding-right: 10px;
}

/* メアドあり */
.isk_test .name_mypage .go_mp .btn01 {
    background: #5680e0;
    color: #fff;
    border-radius: 30px;
    width: 100%;
    font-size: 13px;
    padding: 7px 14px;
    display: block;
    position: relative;
}
/* メアドなしsp */
.isk_test .name_mypage .go_mp .btn0102 {
    background: #5680e0;
    color: #fff;
    border-radius: 30px;
    width: 100%;
    font-size: 13px;
    padding: 7px 14px;
    display: block;
    position: relative;
}

.isk_test .name_mypage .go_mp .btn0102:before
{
    position: absolute;
    display: inline-block;
    font-weight: bold;
    background-color: #f00;
    border-radius: 50%;
    font-size: 1em;
    line-height: 1;
    min-width: 1em;
    padding: 4px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 3px #999;
    top: 0;
    right: 0;
    transform: translate(30%, -30%);
    content: "\FF01";
    font-family: sans-serif;
}
/* メアドなしpc */
@media print, (min-width: 768px) {
.wrapper .btn0102_pc {
/*    background: #5680e0;
    padding: 7px 14px;
    display: block;
 */
    color: #fff;
    border-radius: 30px;
    width: 100%;
    font-size: 13px;

    position: relative;
}
.wrapper .btn0102_pc:before
{
    position: absolute;
    display: inline-block;
    font-weight: bold;
    background-color: #f00;
    border-radius: 50%;
    font-size: 1em;
    line-height: 1;
    min-width: 1em;
    padding: 4px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 3px #999;
    top: 5px;
    right: 0;
    transform: translate(30%, -30%);
    content: "\FF01";
    font-family: sans-serif;
}	
}





.isk_test .name_mypage .go_mp span {
	padding: 2px 0 2px 22px;
    background-image: url(../img/common/sm/icn_home.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 16px auto;
}

@media print, (min-width: 768px) {
.isk_test .name_mypage .go_mp {	display: none;	}
.isk_test .mi_name .br_none {	display: none;	}
}

.wrap_lank .go_b_coin {
	width: 95%;
    background-color: #efefef;
    padding: 20px 0;
    margin: 10px auto;
    text-align: center;
}
.wrap_lank .go_b_coin span { font-weight:bold;}
.wrap_lank .go_b_coin a {
    background-color: #4ca5db;
    color: #fff;
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 13px 0;
    border-radius: 5px;
    box-shadow: 0px -2px 2px rgb(45 116 160 / 70%) inset;
}