@charset "utf-8";
/* CSS Document */

/* 占い師リスト */
.Top_PerfList_Wrap {
    padding: 2vw;
    background: #fff;
    box-shadow: 0 0 1vw rgba(0, 0, 0, 0.2);
    margin-bottom: 3vw;
    border-radius: 1vw;
}
.FTList_Cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2vw;
}
.FTList_Left {
    width: 24%;
    margin-right: 2%;
}
.FTList_Right {
    width: 74%;
}
.Top_PList_DDate{
    font-size: 3.75vw;
	background: #d6669f;
	color: #FFF;
	text-align: center;
	padding: 2vw;
	margin-bottom: 2vw;
}
.Top_PList_PName {
    font-size: 6.25vw;
    color: #815fb5;
    margin: 0 0 2.5vw 0;
}
.Top_PList_PName span {
    font-size: 4.25vw;
	font-weight: normal;
}
.Top_PList_BtnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.Top_PList_Btn {
    background: #ffedf6;
    font-size: 4.75vw;
    border-radius: 2vw;
    text-align: center;
    padding: 2vw 0;
    margin-bottom: 2vw;
	border: #efc1d9 0.3vw solid;
    display: block;
	color: #d6669f;
}
.Top_PList_LBtn {
    width: 49%;
    margin-right: 2%;
}
.Top_PList_RBtn {
    width: 49%;
}
.Top_PList_Btn a{
    color: #d6669f;
    padding: 1vw 11vw;
}
.FTList_Genre_Wrap {
    margin-bottom: 2vw;
    width: 100%;
}
.FTList_Fee_Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.Top_forte_Wrap {
    margin-bottom: 2%;
    width: 100%;
}
.Top_forte_th {
    width: 18%;
    font-size: 3.125vw;
    color: #797979;
    background: #f7f7f7;
    border: 0.3vw solid #d6d6d6;
    padding: 2vw;
}
.Top_forte_td {
    width: 82%;
    font-size: 3.125vw;
    color: #797979;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    border: 0.3vw solid #d6d6d6;
    padding: 1vw;
}
.Top_PList_FeeWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.Top_PList_FeeIcon {
    width: 6.5%;
    margin-right: 1%;
}
.Top_PList_FeeTxt {
    font-size: 3.4375vw;
    color: #333;
    line-height: 1.5;
    margin-right: 1%;
}
.Top_PList_Camp {
    font-size: 4.75vw;
    color: #ce0068;
	text-align: center;
}
.Top_PList_blinking {
    animation: blink 1.5s ease-in-out infinite alternate;
}
.Top_TxtFree {
    background: #fcdd7b;
    color: #ae2c2c;
    padding: 2vw;
    font-size: 4.375vw;
    text-align: center;
    margin-top: 2vw;
	margin-bottom: 2vw;
}
.FTList_Left img{
    border: solid 1px #dfdfdf;
}
.Prof_MainBtn{
    width: 90%;
    margin: 0 5% 2vw 5%;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
	aspect-ratio: 400 / 70;
    text-shadow: #30435f 0 0 5px;
    color: #FFF;
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.Prof_MainBtnCol1{
    background-image: url(https://d-ny.jp/ssl/sp/img/Top_PList_btn1.png);
}
.Prof_MainBtnCol2{
    background-image: url(https://d-ny.jp/ssl/sp/img/Top_PList_btn2.png);
}
.Prof_MainBtnCol3{
    background-image: url(https://d-ny.jp/ssl/sp/img/Top_PList_btn3.png);
}
.Prof_MainBtnCol4{
    background-image: url(https://d-ny.jp/ssl/sp/img/Top_PList_btn4.png);
}
a.MainBtn_a{
    display: block;
    text-decoration: none;
}
.Prof_MainBtnWrap a,
.Prof_MainBtnWrap_a{
    display: block;
    text-decoration: none;
}
.MainBtnTxt2{
	font-size: 3.8vw;
    color: #FFF;
	text-align: center;
}
/* 簡易占い師リスト */
.FTList_Wrap2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.Top_SimList_Wrap {
    padding: 2%;
    background: #FFF;
    margin: 0 2% 2% 0;
    border-radius: 4px;
    border-radius: 1.5vw;
    width: 32%;
    box-sizing: border-box;
    box-shadow: 0 0 1vw rgba(0, 0, 0, 0.2);
}
.Top_SimList_Wrap:nth-child(3n){
    margin: 0 0 2% 0;
}
.FTList_S_Name {
	text-align: center;
    font-size: 3.2vw;
    color: #815fb5;
    margin: 0;
    font-weight: bold !important;
}
.FTList_S_Name span {
    font-size: 2.0vw;
}
.FTList_S_Img_Wrap {
    width: 100%;
    margin: 2vw 0;
}
.FTList_S_Img_Wrap img{
	border: solid 1px #f0f0f0;
}
.Reload_Btn {
    border-radius: 2vw;
    font-size: 4.25vw;
    color: #FFF;
    background: #c4abe9;
	width: 100%;
    margin: 0;
    padding: 2vw;
	border: none;
}
.FTList_Status {
    text-align: center;
    margin-bottom: 2vw;
    font-size: 3.5vw;
    color: #fff;
	text-shadow: #949494 0 0 2px;
    border-radius: 50vw;
    font-weight: bold;
    padding: 2vw 0;
    box-shadow: 1px 2px 1px rgba(160, 140, 160, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.3);
}
.FTList_Status_Col1 {
	background: linear-gradient(to right, #f29ec2, #dec0f1, #b5c7f7);
	border: none;
}
.FTList_Status_Col2 {
    background: #bbbbbb;
	border: none;
}
.FTList_Status_Col3 {
    background: #a3d39a;
	border: none;
}
.FTList_Status_Col4 {
    background: #87caf4;
	border: none;
}