/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** SPスタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
******************************************************************************
** content
******************************************************************************
----------------------------------------------------------------------------*/
.archive_main_mcon {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.archive_main_hd,
.archive_main_mcon {
  margin: 0 -1rem;
}
.archive_main_hd h1 {
  background-color: #e8f3fb;
  border-bottom: 1px solid #00a0e9;
  color: #003054;
  font-size: 1.4rem;
  padding: 0.6em 1em;
}
.archive_typelist_item a,
.archive_typecard_item a {
  border-bottom: 1px solid #ddd;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  color: #333;
  text-decoration: none;
}
.archive_typelist_thum,
.archive_typecard_thum {
  width: 100px;
  position: relative;
}
.archive_typelist_thum img,
.archive_typecard_thum img {
  width: 100px;
  height: auto;
  border: 1px dotted #ddd;
  margin: 0;
}
.archive_typelist_item a:hover img,
.archive_typecard_item a:hover img {
  transform: scale(1.2, 1.2);
}
.archive_typelist_con,
.archive_typecard_con {
  width: calc(100% - 1rem - 100px);
}
.archive_typelist_ttl,
.archive_typecard_ttl {
  font-size: 0.85rem;
  transition: all 0.3s ease;
  line-height: 1.6;
}
.archive_typelist_item a:hover .archive_typelist_ttl,
.archive_typecard_item a:hover .archive_typecard_ttl {
  color: #3f86e8;
}
.archive_typelist_date,
.archive_typecard_date {
  color: #555;
  font-size: 0.7rem;
  text-align: right;
}
.archive_typelist_cate_list,
.archive_typecard_cate_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.archive_typelist_cate_list li,
.archive_typecard_cate_list li {
  color: #00a0e9;
  font-size: 0.7rem;
  margin: 0.5em 0.5em 0 0;
}