/***********************/
/* テキストリンク集で使用 */
/**********************/
.index-text-link {
    color: yellow;
    text-align: center;
    font-size: 20px;
    text-decoration: underline
}

/*********************/
/* 新着メニュー枠で使用 */
/********************/
#newMenuLinks {
    text-align: center;
}
.menu-links-background-center {
    background: url("https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/top_menu_list_new_background.jpg") repeat-y;
    background-position: center;
    padding: 1px 75px;
}

/*********************/
/* 厳選メニュー枠で使用 */
/********************/
#hotMenuLinks {
    text-align: center;
}

/***********************************/
/* 完全無料タロットアニメーションで使用 */
/*********************************/
.free-tarot-animation-appraisal-background {
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/tarot_free_appraisal_menu_background.jpg') repeat-y; 
    background-position: center;
}
.top-tarot-animation-discription-background{
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/tarot_free_appraisal_menu_text_background.jpg') repeat-y;
    background-position: center;
    padding: 0 40px;
}
.animation-tarot-first-position {
    position: relative;
    min-height: 680px;
}

.animation-tarot-animation-start-position {
    position: absolute;
    top: 22%;
    left: 14%;
}

.result-tarot-animation-start-text {
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/top_result_tarot_text.png') no-repeat; 
    background-size: 100%;
    width: 600px;
    height: 100px;
    margin-bottom: 30px;
}

.result-tarot-animation-start-button {
    background: url("https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/top_result_tarot_button.png") no-repeat;
    background-size: 100%;
    width: 480px;
    height: 185px;
    margin: 0 auto;
}
.result-tarot-animation-start-button:hover {
    background:url("https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/top_result_tarot_button_over.png") no-repeat;
    background-size: 100%;
    width: 480px;
    height: 185px;
    margin: 0 auto;
}

.result-description-background-center {
    background:url("#") repeat-y;
    background-position: center;
    padding: 0 60px;
}

.three-tarot-animation {
    position: absolute;
    top: 10%;
    left: 16%;
}
.tarot-animation-image-layered {
    display: none;
    position: absolute;
    left: 14%;
}
.tarot-animation-image-pickup {
    display: none;
    text-align: center;
}
/******************/
/* 占術紹介枠で使用 */
/****************/
/* タロット紹介 */
#top_telling_introduction_tarot_animation_parent {
    position: relative;
    width:  50%; /* 画像の横幅に合わせて記述 */
    height: 305px; /* 画像の高さに合わせて記述 */
}
#top_telling_introduction_tarot_animation_parent img {
    position: absolute;
    top: 0;
    left:0;
    z-index: 8;
    opacity: 0.0;
}
#top_telling_introduction_tarot_animation_parent img.active {
    z-index: 10;
    opacity: 1.0;
}
#top_telling_introduction_tarot_animation_parent img.last-active {
    z-index: 9;
}
/* 宝石紹介 */
#top_telling_introduction_jewel_animation_parent {
    position: relative;
    width:  50%; /* 画像の横幅に合わせて記述 */
    height: 305px; /* 画像の高さに合わせて記述 */
}
#top_telling_introduction_jewel_animation_parent img {
    position: absolute;
    top: 0;
    left:0;
    z-index: 8;
    opacity: 0.0;
}
#top_telling_introduction_jewel_animation_parent img.active {
    z-index: 10;
    opacity: 1.0;
}
#top_telling_introduction_jewel_animation_parent img.last-active {
    z-index: 9;
}
/**************************/
/* お悩み選択メニュー枠で使用 */
/*************************/
.worries {
    background: url("https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/top_onayami_background.png") no-repeat;
    background-size: 100%;
    min-height:530px;
}

.worries div {
    margin-bottom: 15px; /* sp対応 */
}

.worries a{
    width: 100%;
    font-size: 23px; /* sp対応 */
    color: white;
    background: linear-gradient(#099064,#01362c);
    vertical-align: middle;
    padding: 10px; /* sp対応 */
    border: 1px solid #1e8d70;
    border-radius: 5px; /* sp対応 */
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    letter-spacing: inherit;
}
.worries .worries-show-next {
    width: 50%;
    background: linear-gradient( #707070, #544f51);
    border-top: 1px solid #e3e3e3; /* sp対応 */
    margin: 0 auto;
}

/**********************************/
/* ３連鑑定無料遷移ボタンの表示で使用 */
/*******************************/
.top-free-menu-buttons a button {
    background-size:100%;
    width: 80%;
    height: 300px;
    border: none;
    outline: none;
}
.top-free-menu-buttons a button:hover {
    background-size:100%;
    width: 80%;
    height: 300px;
    border: none;
    outline: none;
}
.top-free-menu-button-top { background : url("https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/triple_appraisal_transition_button_top.png") no-repeat;  margin-bottom: 40px;}
.top-free-menu-button-top:hover { background : url("https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/triple_appraisal_transition_button_top_over.png") no-repeat;  margin-bottom: 40px;}
.top-free-menu-button-middle { background : url("https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/triple_appraisal_transition_button_middle.png") no-repeat;  margin-bottom: 40px;}
.top-free-menu-button-middle:hover { background : url("https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/triple_appraisal_transition_button_middle_over.png") no-repeat;  margin-bottom: 40px;}
.top-free-menu-button-bottom { background : url("https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/triple_appraisal_transition_button_bottom.png") no-repeat; }
.top-free-menu-button-bottom:hover { background : url("https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/triple_appraisal_transition_button_bottom_over.png") no-repeat; }

/*******************************************/
/* 恋愛、結婚、仕事のコンテンツメニュー表示で使用 */
/*****************************************/
.content-menu-link-background-center {
    background: url("https://web-img.rensa.jp.net/rensa/images/web/RCB/pc/top/content_menu_link_background.jpg") repeat-y;
    padding: 5px 50px; /* sp対応 */
}
.by-menu-links-transition {
    float:right;
    margin: 15px 70px 0;
    color: white;
    font-size: 18px;
}