/*
page4460：トップページ
*/

/*** hv_whiteクラス ***/
/* 必要条件：hv_base内であること */
/* オンカーソル時に、対象領域が薄く（白く）なる */

/* この領域は0.5秒かけて変化する */
.hv_base .hv_white{
    transition-duration: 0.5s;
}

/* 所属するhv_baseにオンカーソルされた際の挙動 */
/* 指定領域を濃さ60%（透過率40%）になる */
/* carousel_body（画像スクロール部分）内の画像に反映させるため、!important指定 */
.hv_base:hover .hv_white{
    opacity: 0.6 !important;
}
/******/


/*** hv_floatクラス ***/
/* 必要条件：hv_base内であること */
/* オンカーソル時に、対象領域が浮き出るように見える */

/* この領域は0.5秒かけて変化する */
.hv_base .hv_float{
    transition-duration: 0.5s;
}

/* 所属するhv_baseにオンカーソルされた際の挙動 */
/* box-shadow：影の大きさと色 */
/* transform: translateY()：カッコ内の値だけ縦方向へ移動させる */
.hv_base:hover .hv_float{
    box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
    transform: translateY(-10px);
}
/******/


/*** hv_colorクラス ***/
/* 必要条件：hv_base内であること */
/* オンカーソル時に、対象の色が変化する */

/* この領域は0.5秒かけて変化する */
.hv_base .hv_color{
    transition-duration: 0.5s;
}

/* 所属するhv_baseにオンカーソルされた際の挙動 */
/* 対象の色を変化させる */
.hv_base:hover .hv_color{
    color: #E10707;
}
/******/


/*** aタグ，constant_charクラス ***/
/* リンク付きの文字の色などが強制的に変わってしまう事を防止 */
a.constant_char{
    /* 文字色：黒 */
    color: black;
    /* 下線削除 */
    text-decoration: none;
}
/******/