/***********************/
/* テキストリンク集で使用 */
/**********************/
.index-text-link {
    color: yellow;
    font-size: 20px;
    text-decoration: underline
}
/************************+***/
/* 各コンテンツメニュー枠で使用 */
/***************************/
.top-menu-link-background-center {
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/top_menu_list_background.jpg') repeat-y;
    background-position: center;
    padding: 0 60px;
}
.content-menu-link-background-center {
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/content_menu_link_background.jpg') repeat-y;
    background-position: center;
    padding: 0 70px;
}
.category-transition-link {
    font-size: 20px;
    color: yellow;
    float: right;
}
.content-menu-transition-buttons {
    display: flex;
    height: 90px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.content-menu-transition-buttons a {
    width: 33.3%;
}
.content-menu-transition-buttons div {
    background-size: 100%;
    height: 90px;
}
.content-menu-transition-buttons div:hover{
    background-size: 100%;
    height: 100px;
}
.content-menu-button-left{ background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/category_menu_love_button.png') no-repeat ;}
.content-menu-button-left:hover{ background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/category_menu_love_button_over.png') no-repeat ;}
.content-menu-button-center{ background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/category_menu_marriage_button.png') no-repeat ;}
.content-menu-button-center:hover{ background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/category_menu_marriage_button_over.png') no-repeat ;}
.content-menu-button-right{ background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/category_menu_life_button.png') no-repeat ;}
.content-menu-button-right:hover{ background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/category_menu_life_button_over.png') no-repeat ;}

/******************/
/* 占術紹介枠で使用 */
/*****************/
/* 占術1つ目 */
#top_telling_introduction_imagination_animation_parent {
    position: relative;
    width:  50%; /* 画像の横幅に合わせて記述 */
    height: 380px; /* 画像の高さに合わせて記述 */
}
/* 下記の使用は基本変わらない */
#top_telling_introduction_imagination_animation_parent img {
    position: absolute;
    top: 0;
    left:0;
    z-index: 8;
    opacity: 0.0;
}
#top_telling_introduction_imagination_animation_parent img.active {
    z-index: 10;
    opacity: 1.0;
}
#top_telling_introduction_imagination_animation_parent img.last-active {
    z-index: 9;
}
/* 占術2つ目 */
#top_telling_introduction_imagination_and_word_animation_parent {
    position: relative;
    width:  50%; /* 画像の横幅に合わせて記述 */
    height: 380px; /* 画像の高さに合わせて記述 */
}
/* 下記の使用は基本変わらない */
#top_telling_introduction_imagination_and_word_animation_parent img {
    position: absolute;
    top: 0;
    left:0;
    z-index: 8;
    opacity: 0.0;
}
#top_telling_introduction_imagination_and_word_animation_parent img.active {
    z-index: 10;
    opacity: 1.0;
}
#top_telling_introduction_imagination_and_word_animation_parent img.last-active {
    z-index: 9;
}
/* 占術3つ目 */
#top_telling_introduction_tarot_animation_parent {
    position: relative;
    width:  50%; /* 画像の横幅に合わせて記述 */
    height: 380px; /* 画像の高さに合わせて記述 */
}
/* 下記の使用は基本変わらない */
#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;
}

/**************************/
/* お悩み選択メニュー枠で使用 */
/*************************/
.worries-background-center {
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/onayami_background.jpg') no-repeat;
    background-position: center;
    min-height: 640px;
}
.worries-background-center div {
    margin-bottom: 20px; /* sp対応 */
}

.worries-background-center 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-background-center .worries-show-next {
    width: 50%;
    background: linear-gradient( #707070, #544f51);
    border-top: 1px solid #e3e3e3; /* sp対応 */
    margin: 0 auto;
}

/*******************************/
/* TOPタロットアニメーションで使用 */
/******************************/
.free-tarot-animation-appraisal-background-center {
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/tarot_free_appraisal_menu_background.jpg') no-repeat;
    min-height: 420px;
    background-size: 100% 420px;
    width: 90%;
    margin: 0 auto;
}
.result-tarot-animation-start-text {
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/top_result_tarot_text.png') no-repeat;
    background-size: 100%;
    width: 85%;
    height: 140px;
    margin: 0 auto;
}
.result-tarot-animation-start-button {
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/top_result_tarot_button.png') no-repeat;
    background-size: 100%;
    width: 45%;
    height: 130px;
    margin: 0 auto;
}
.result-tarot-animation-start-button:hover {
    background: url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/top_result_tarot_button_over.png') no-repeat;
    background-size: 100%;
    width: 45%;
    height: 130px;
    margin: 0 auto;
}
.animation-tarot-top-position {
    position: relative;
    min-height: 410px;
}
.animation-tarot-first-position {
    position: absolute;
    width: 100%;
}
.animation-tarot-first-position img {
    margin-top: 20px;
    width: 70%;
}
.animation-tarot-second-position {
    position: absolute;
    width: 100%;
    height: 460px;
    display: none;
}
.animation-tarot-animation-start-position {
    position: absolute;
    width: 100%;
    top: 25%;
    left: 0%;
}
.top-free-animetion-motif1 {
    background:url('https://web-img.rensa.jp.net/rensa/images/web/RHM/pc/top/image_backside.png');
    background-size: 100%;
    height: 400px;
    margin-top: 40px;
    display: none;
}