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

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

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

/***********************************/
/* 完全無料タロットアニメーションで使用 */
/*********************************/
.free-tarot-animation-appraisal-background-center {
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RRK/pc/top/tarot_free_appraisal_menu_background.jpg') no-repeat; 
    background-position: center;
    font-size: 20px;
    min-height: 540px;
}
.animation-tarot-first-position {
    position: relative;
}
.animation-tarot-first-position img {
    position: absolute;
    left: 20%;
}

.animation-tarot-animation-start-position {
    position: absolute;
    top: 150px;
    left: 18%;
}

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

.result-tarot-animation-start-button {
    background: url("https://web-img.rensa.jp.net/rensa/images/web/RRK/pc/top/top_result_tarot_button.png") no-repeat;
    background-size: 100%;
    width: 60%;
    height: 135px;
    margin: 0 auto;
}
.result-tarot-animation-start-button:hover {
    background:url("https://web-img.rensa.jp.net/rensa/images/web/RRK/pc/top/top_result_tarot_button_over.png") no-repeat;
    background-size: 100%;
    width: 60%;
    height: 135px;
    margin: 0 auto;
}
.animation-tarot-second-position {
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RRK/pc/result/result_teller_comment_position_right2.jpg') no-repeat;
    background-size: 100%;
    min-height: 525px;
    display: none;
    position: relative;
}
.top-free-animetion-first-motif {
    position: absolute;
    width: 45%;
    top: 13%;
    left: 5%;
}
.top-free-animetion-second-motif {
    position: absolute;
    display: none;
    width: 45%;
    top: 10%;
    left: 15%;
}
.top-free-tarot-animation-text-link {
    color: #e8ff9a;
}
.top-free-tarot-animation-text-link:hover{
    color: #fffafa;
}

/******************/
/* 占術紹介枠で使用 */
/****************/
/* シンクロにティー霊視 */
#telling_introduction_word_animation_parent {
    position: relative;
    min-height: 370px; /* 画像の高さに合わせて記述 */
}
#telling_introduction_word_animation_parent img {
    position: absolute;
    top: 0;
    left:0;
    z-index: 8;
    opacity: 0.0;
}
#telling_introduction_word_animation_parent img.active {
    z-index: 10;
    opacity: 1.0;
}
#telling_introduction_word_animation_parent img.last-active {
    z-index: 9;
}
/* シンクロにティータロット */
#telling_introduction_tarot_animation_parent {
    position: relative;
    min-height: 390px; /* 画像の高さに合わせて記述 */
}
#telling_introduction_tarot_animation_parent img {
    position: absolute;
    top: 0;
    left:0;
    z-index: 8;
    opacity: 0.0;
}
#telling_introduction_tarot_animation_parent img.active {
    z-index: 10;
    opacity: 1.0;
}
#telling_introduction_tarot_animation_parent img.last-active {
    z-index: 9;
}
/**************************/
/* お悩み選択メニュー枠で使用 */
/*************************/
.worries {
    background: url("https://web-img.rensa.jp.net/rensa/images/web/RRK/pc/top/top_onayami_background.jpg") no-repeat;
    background-size: 100%;
    min-height:780px;
}

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

.worries a{
    width: 100%;
    font-size: 30px; /* 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;
}

/*******************************************/
/* 恋愛、結婚、仕事のコンテンツメニュー表示で使用 */
/*****************************************/
.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: 5px 70px 0;
    color: white;
    font-size: 18px;
}
.content-menu-transition-buttons {
    display: flex;
    height: 100px;
    margin-top: 30px;
}
.content-menu-transition-buttons a {
    width: 33.3%;
}
.content-menu-transition-button-left { background : url("https://web-img.rensa.jp.net/rensa/images/web/RRK/pc/top/love_menu_transition_button.png") no-repeat; background-size: 100%; height: 100px;}
.content-menu-transition-button-left:hover { background : url("https://web-img.rensa.jp.net/rensa/images/web/RRK/pc/top/love_menu_transition_button_over.png") no-repeat; background-size: 100%; height: 100px;}
.content-menu-transition-button-center { background : url("https://web-img.rensa.jp.net/rensa/images/web/RRK/pc/top/marriage_menu_transition_button.png") no-repeat; background-size: 100%; height: 100px;}
.content-menu-transition-button-center:hover { background : url("https://web-img.rensa.jp.net/rensa/images/web/RRK/pc/top/marriage_menu_transition_button_over.png") no-repeat; background-size: 100%; height: 100px;}
.content-menu-transition-button-right { background : url("https://web-img.rensa.jp.net/rensa/images/web/RRK/pc/top/life_menu_transition_button.png") no-repeat; background-size: 100%; height: 100px;}
.content-menu-transition-button-right:hover { background : url("https://web-img.rensa.jp.net/rensa/images/web/RRK/pc/top/life_menu_transition_button_over.png") no-repeat; background-size: 100%; height: 100px;}