@charset "UTF-8";
/**************************************************************************************************
 * PAGE：TOP CSS
 * -------------------------------------------------------------------------------------------------
 * @author      N.K
 * @package     モバイル連絡帳
 * @subpackage  メニュー毎CSS（メニュー：TOP）
 * @copyright
 * @since       2017/11/08
 * @link
 **************************************************************************************************/
/*==================================================================================================
 * LOGIN
 *================================================================================================*/
.login_checkbox {
  padding-top : 0px;
  background: -webkit-gradient(radial, 50% 52%, 0, 50% 52%, 120, color-stop(1.00, #c9e9f3), color-stop(0.45, #ddf1f8), color-stop(0.00, #ebfdfe));
  background: -webkit-radial-gradient(50% 52%, circle, #ebfdfe 0%, #ddf1f8 45%, #c9e9f3 100%);
  background: -moz-radial-gradient(50% 52%, circle, #ebfdfe 0%, #ddf1f8 45%, #c9e9f3 100%);
  background: -o-radial-gradient(50% 52%, circle, #ebfdfe 0%, #ddf1f8 45%, #c9e9f3 100%);
  background: -ms-radial-gradient(50% 52%, circle, #ebfdfe 0%, #ddf1f8 45%, #c9e9f3 100%);
  background: radial-gradient(50% 52%, circle, #ebfdfe 0%, #ddf1f8 45%, #c9e9f3 100%);
}
#save_user_id,
#save_password {
  padding-top : 2px !important;
}
#save_user_id font,
#save_password font {
  margin-left : 2px !important;
}

.login_checkbox .text {
  color : #68503E;
  font-weight : bold;
}
/*==================================================================================================
 * TOP ― お知らせ（トップ） ―
 *================================================================================================*/
ul#top_notice_area  li {
  height : 42px;
  display : inline-block;
  margin-bottom : 10px;
}

.top_notice_title {
  font-size: 1.2em;
  font-family: "Courier New", Consolas, monospace;
  font-weight : 900;
}
.top_notice_title .glyphicon-bullhorn {
  transform: rotate(-25deg);
  margin-right : 10px;
}
/*
.top_notice_num_area {
  position:absolute;
  top:0;
  right:0;
}
*/
/*
.top_notice_kick:after{
  content : "";
  position : absolute;
  bottom : -10px;
  left : 0px;
  background-color : rgba(0,0,0,0.2);
  border-radius : 80%;
  width : 100%;
    height : 20px;
  z-index : 0;
}
*/

.top_notice_icons:hover {
/*
#top_notice_message_area:hover,
#top_notice_questionnaire_area:hover,
#top_notice_smiley_note_area:hover,
#top_notice_letter_area:hover
*/
  -webkit-filter: opacity(0.5);
  filter: opacity(0.5);
  z-index : 1;
  cursor : pointer;
}

.notice_img {
  height : 40px;
  position : relative;
  top : 0;
  right : 5px;
  z-index : 1;
}

.top_notice_kick {
  position : relative;
  z-index : 1;
  width : 100%;
  height : 100%;
  display : inline-block;
}
.top_notice_item_title {
  position:absolute;
  bottom:-5px;
  left : 20%;
  background:rgba(110,172,180,0.7);
  z-index:1;
  width:60%;
  text-align : center;
  height:15px;
  line-height:15px;
  color:#FFFFFF;
  border-radius:20px;
  font-size:0.875em;
}

/*---------------SMALL_SP(0px～318px)----------*/
@media screen and (min-width: 0px) and (max-width: 400px) {
  .top_notice_item_title {
    position:absolute;
    bottom:-5px;
    left : 10%;
    background:rgba(110,172,180,0.7);
    z-index:1;
    width:80%;
    text-align : center;
    height:15px;
    line-height:15px;
    color:#FFFFFF;
    border-radius:20px;
    font-size:0.875em;
  }
}

#top_bottom_area {
  height : 80px;
}

#top_page_link_area {
  position:fixed;
  bottom:100px;
  right:0px;
  font-size : 1.2em;
}
#top_page_link_area a {
  border : 1px solid #EEEEEE;
  background-color : #FFFFFF;
  padding : 6px 12px;
}

#top_notice_bus_area {
  position:fixed;
  bottom:12px;
  right:0px;
}
#notice_bus_img:hover {
  cursor : pointer;
}