@charset "utf-8";
/* CSS Document */

.Top_Tit_h2{
	margin-bottom: 2vw;
}
.Top_info_Wrap{
	background: #e3f2f6;
}
.Top_info_Wrap a:last-child{
	padding-bottom: 2vw;
}
.Top_infoLink_Wrap{
    background-image: url(https://d-ny.jp/ssl/sp/img/Top_InfoLink.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 12vw;
    display: flex;
    align-items: center;
	padding-left: 5.5vw;
	margin: 1vw 0 1vw 0;
}
.Top_info_aLink{
    display: block;
    text-decoration: none;
    color: #000f6a;
}
/* 相談別リンク */
.Top_Consul_AllWrap{
    border-radius: 2vw;
    background: #FFF;
    margin: 2vw 0 4vw 0;
    box-shadow: 0 0 1vw #c7c7c7, 0 0 1vw #c7c7c7, 0 0 1vw #c7c7c7;
	padding: 2vw;
}
.Top_Consul_Wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3.6vw;
}
.Top_Consul_Wrap:nth-child(1){
	margin-bottom: 2vw;
}
.Top_Consul_Wrap2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3.6vw;
	margin-bottom: 2vw;
}
.Top_Select_Btn_a {
    display: block;
    text-align: center;
    padding: 1.5vw 0;
    color: #FFF;
}
.Top_Consul_Btn {
    border-radius: 2vw;
    width: 32%;
    margin-right: 2vw;
	padding: 1vw 0;
    text-shadow: #7a8594 1px 1px 1px;
background: linear-gradient(90deg, 
    #eb9bc4 0%, 
    #e1a5d4 35%,
    #bbb0e1 65%, 
    #afbee5 100%
  );
}
/* 占い方法 */
.Top_meth_Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.Top_meth_Phone {
    width: 49%;
    margin-right: 2%;
}
.Top_meth_Chat {
    width: 49%;
}
.Top_meth {
    display: block;
}
.Top_meth_Icon {
    width: 100%;
    height: auto;
}
/* 口コミ */
.Top_Review {
    border-radius: 2vw;
    margin-bottom: 3vw;
    box-shadow: 0 0 1vw #c7c7c7, 0 0 1vw #c7c7c7, 0 0 1vw #c7c7c7;
	overflow: hidden;
}
.Top_Review_Top {
	border: none;
}
.Top_Review_Top_a{
    display: flex;
	background: linear-gradient(90deg, #eb9bc4 0%, #e1a5d4 35%, #bbb0e1 65%, #afbee5 100%);
    color: #FFF;
    padding: 2vw;
}
.Top_Review_Left {
    margin-right: 2vw;
    width: 25vw;
    height: 25vw;
    border-radius: 2vw;
    overflow: hidden;
}
.Top_Review_Left img {
    border-radius: 2vw;
    overflow: hidden;
}
.Top_Review_Right {
    width: 74%;
}
.Top_Review_FTName {
    margin-bottom: 2vw;
    font-size: 4.375vw;
}
.Top_Review_FTName span {
    font-size: 3.125vw;
}
.Top_Review_Btn {
    border-radius: 2vw;
    text-align: center;
    padding: 2vw 0;
    color: #a795d6;
	font-weight: bold;
    background: #FFF;
    margin-bottom: 2vw;
    font-size: 4.0625vw;
}
.Top_Review_Date {
    margin-bottom: 2vw;
    font-size: 4.0625vw;
}
.Top_Review_Rate {
    color: #ffda63;
    font-size: 4.375vw;
}
.Top_Review_Under {
    padding: 2vw;
    background: #FFF;
	border: none;
}
.Top_Review_Txt {
    font-size: 3.75vw;
    line-height: 1.4;
    color: #5e2c4f;
}
.Top_Review_UName {
    text-align: right;
    font-size: 3.75vw;
    color: #5e2c4f;
}

/* 占術別リンク */
.Top_Divina_Wrap {
    border-radius: 2vw;
    background: #f7f3f4;
    padding: 2vw;
    margin-bottom: 4vw;
	box-shadow: 0 0 2vw #d7c0d3, 0 0 2vw #d7c0d3, 0 0 2vw #d7c0d3;
}
.Top_Divina_tit {
    color: #e199ac;
    padding: 1vw 0;
    margin-bottom: 1vw;
    font-size: 4.5vw;
}
.Top_Select_Under {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.Top_Select_Left {
    width: 24%;
    margin-right: 2%;
}
.Top_Select_Right {
    width: 74%;
}
.Top_Divina_Txt {
    color: #5e2c4f;
    font-size: 3.0vw;
	line-height: 1.5;
}
.Top_Divina_Btn {
    border-radius: 6vw;
    text-align: center;
    padding: 2vw 0;
    color: #FFF;
    background: #df97af;
    font-size: 4.0vw;
}
.Top_Select_Icon {
    width: 100%;
    height: auto;
}
/* インフォ */
.Top_Info_h3Txt {
    color: #455578;
    font-size: 4.0625vw;
    margin: 2vw 0;
}
.Top_ContBanner {
    display: block;
    margin-bottom: 3vw;
}
/* 会員ポイントステータス */
.Top_MemName_Wrap {
    margin: 0;
    text-align: center;
    background: #bda36a;
    background: -moz-linear-gradient(top, #bda36a 0%, #c2aa77 7%, #c8b283 12%, #dccfb3 26%, #ece6d8 36%, #f5f3ee 43%, #f9f9f7 48%, #fbfbfb 52%, #f9f9f7 60%, #f7f5f1 64%, #ebe4d6 76%, #e2d8c1 83%, #c9b386 95%, #c1a974 100%);
    background: -webkit-linear-gradient(top, #bda36a 0%, #c2aa77 7%, #c8b283 12%, #dccfb3 26%, #ece6d8 36%, #f5f3ee 43%, #f9f9f7 48%, #fbfbfb 52%, #f9f9f7 60%, #f7f5f1 64%, #ebe4d6 76%, #e2d8c1 83%, #c9b386 95%, #c1a974 100%);
    background: linear-gradient(to bottom, #bda36a 0%, #c2aa77 7%, #c8b283 12%, #dccfb3 26%, #ece6d8 36%, #f5f3ee 43%, #f9f9f7 48%, #fbfbfb 52%, #f9f9f7 60%, #f7f5f1 64%, #ebe4d6 76%, #e2d8c1 83%, #c9b386 95%, #c1a974 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bda36a', endColorstr='#c1a974',GradientType=0 );
}
.Top_MemName {
    padding: 1% 0;
    background-image: url(../img/Bg_TitleFlame1.png), url(../img/Bg_TitleFlame2.png);
    background-repeat: no-repeat;
    background-position: left top, right top;
    background-size: 10%;
}
.Top_MemName_Txt {
    color: #6d5d3d;
    background: #faf8f0;
    width: 78%;
    margin: 0 auto;
    padding: 2% 0;
    border: 1px solid #beac85;
    font-size: 12px;
    font-size: 3.75vw;
    box-shadow: 1px 1px 2px 2px #dbd1aa inset;
}
.Top_Col_Bdr1 {
    border-top: #cb85c3 1px solid;
    border-right: #cb85c3 1px solid;
    border-left: #cb85c3 1px solid;
    box-sizing: border-box;
}
.Top_Col_Bdr2 {
    border: #cb85c3 1px solid;
    box-sizing: border-box;
    margin-bottom: 2vw;
}
.Top_Col_Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
}
.Top_Col_Head {
    padding: 3% 0;
    width: 30%;
    font-size: 11px;
    font-size: 3.4375vw;
    text-align: center;
}
.Top_Col_HeadCol1 {
    color: #fff;
    background: #dc96d1;
}
.Top_Col_HeadCol2 {
    color: #fff;
    background: #dc96d1;
}
.Top_Col_HeadCol3 {
    color: #fff;
    background: #dc96d1;
}
.Top_Col_PCont {
    height: 20px;
    height: 6.25vw;
    padding: 3% 2% 1% 2%;
    font-size: 14px;
    font-size: 4.375vw;
    text-align: right;
	color: #e56cba;
    font-weight: bold;
    width: 43%;
}
.Top_Col_Cont {
    height: 20px;
    height: 6.25vw;
    padding: 3% 2% 1% 2%;
    font-size: 11px;
    font-size: 3.4375vw;
    text-align: right;
	color: #e56cba;
    font-weight: bold;
    width: 70%;
}
.Top_Col_GPCont {
    height: 20px;
    height: 6.25vw;
    padding: 2% 2%;
    font-size: 14px;
    font-size: 4.375vw;
	color: #e56cba;
    font-weight: bold;
    width: 43%;
    text-align: right;
}
.Top_Col_Bt {
    width: 24%;
    margin: 1% 2% 1% 1%;
}
.Top_Col_Bt a {
    text-decoration: none;
}
.Top_Btn_Med {
    width: 100%;
    padding: 10% 0;
    border-radius: 6px;
    box-shadow: 4px 4px 3px -3px #d6d6d6;
    text-align: center;
    font-size: 3.125vw;
    font-weight: bold;
    color: #ffffff;
    background: #c796de;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7bd8b',GradientType=0 );
}
.infom_warap {
    width: 100%;
    box-sizing: border-box;
    border: #cbb1cb 1px solid;
}
.Top_Ban_Wrap {
    margin-bottom: 2vw;
}
/* メニュー */
.Top_Info_Ban {
    display: block;
    margin-bottom: 2vw;
}
.Top_Guide_Ia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2vw;
    padding: 2vw;
    position: relative;
    text-decoration: none;
}
.Top_Guide_IWrap {
    background-color: #ffffff;
    border: #cbb1cb 1px solid;
    border-radius: 2vw;
    margin-bottom: 2vw;
    font-size: 4.375vw;
}
.Top_Guide_Ia img {
    width: 12%;
    height: auto;
    margin-right: 2vw;
}
.Top_Guide_Ia p {
    padding-top: 4%;
    color: #9e669e;
    font-weight: bold;
}

.Top_InfoRes_h3_col1 {
    background: #a084cb;
}
.Top_InfoRes_WCol1 {
    border: solid 1px #a084cb;
}
/* メニューボタン */
.TopMenuBtnWrap{
    background: #d6b5e6;
    border-radius: 1vw;
	padding: 1.0vw;
}
.TopMenuCBtn{
    display: block;
	background: #b884d0;
    border-radius: 1vw;
}
#sliderT2 .slide-arrow2{
	background: #b884d0;
    border-radius: 1vw;
}
/* 督促会員 */
.Top_Col_FeeCont {
    height: 20px;
    height: 6.25vw;
    padding: 3% 2% 1% 2%;
    font-size: 14px;
    font-size: 4.375vw;
    text-align: right;
	color: #e56cba;
    font-weight: bold;
    width: 68%;
}
/* キャンペーンバナー */
.Top_CampBan_Wrap {
    padding-bottom: 2vw;
}
/* 会員特典 */
.Top_Benef{
    background-color: #fff6dc;
    padding: 2vw;
    border: solid 2px #d4b75f;
    border: solid 0.625vw #d4b75f;
    background-image: url(../img/Dytop_BenefFrame1.png),url(../img/Dytop_BenefFrame2.png),url(../img/Dytop_BenefFrame3.png),url(../img/Dytop_BenefFrame4.png);
    background-repeat: no-repeat;
    background-position: left top, right top, left bottom, right bottom;
    background-size: 16%;
}
.Top_Benef_h2{
    padding: 2vw 5vw 2vw 5vw;
}
.Top_Benef_Tit_img {
    margin-top: -6vw;
}
.Top_Benef_Txt{
    font-size: 3.75vw;
    color: #555;
    padding: 0 2vw 0 2vw;
    text-align: center;
    margin-bottom: 2vw;
    line-height: 1.4;
}
.Top_Benef_Txt2{
    font-size: 16px;
    font-size: 5vw;
    color: #555;
    padding: 0 2vw 0 2vw;
    text-align: center;
}
.Top_Benef_10min{
    display: block;
    text-align: center;
    width: 50%;
    margin: 0 25%;
}
.Top_Benef_Cont1 {
    line-height: 0.3;
}
.Top_Benef_Deco_img {
    margin-bottom: 2vw;
}
.Top_Benef_Cont_img2 {
    margin-top: -4vw;
}
