@charset "utf-8";

/* 緊急トップ
----------------------------------------------------- */

/* kinkyu_list_wrapper */
.kinkyu_list_wrapper {
	border-radius: 4px;
	border: 1px solid #C40A00;
	background-color: #FFF5F4;
	padding: 20px;
}
.kinkyu_tit {
	color: #c40a00;
}

/* kinkyu_list */
.kinkyu_list_wrapper .kinkyu_list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 10px;
  margin-left: 0;
}
.kinkyu_list_wrapper .kinkyu_list li {
  width: calc((100% - 60px) /3);
  margin: 10px;
  text-align: center;
}
.kinkyu_list_wrapper .kinkyu_list li .kinkyu_list_tit {
  margin: 4px 0 0;
  padding: 0;
  text-align: center;
}
.kinkyu_list_wrapper .kinkyu_list li .kinkyu_list_img img {
	max-width: 120px;
  width: 100%;
	height: auto;
	margin: 0 auto;
}

@media screen and (min-width: 640px) {
  .over_box { position: relative; }
  .over_box_txt { display:none; }
  .over_box:hover .over_box_txt {
  	display: block;
  	position: absolute;
  	top: 100%;
  	left: 50%;
  	transform: translateX(-50%);
  	border-radius: 6px;
  	background-color: #f9c780;
  	width: 200px;
  	padding: 8px !important;
  	color: #333;
  	font-size: 1.4rem;
  	line-height: 1.4;
  	z-index: 2;
  }
  .over_box:hover .over_box_txt:after {
  	content: "";
  	  position: absolute;
  	  right: 0;
  	  top: -6px;
  	  left: 0;
  	  width: 0px;
  	  height: 0px;
  	  margin: auto;
  	  border-style: solid;
  	  border-color: #f9c780 transparent transparent transparent;
  	  border-width: 6px 6px 0 6px;
  		transform: rotate(180deg);
  }
}

@media screen and (max-width: 640px) {
  .kinkyu_list_wrapper .kinkyu_list li {
    width: calc((100% - 40px) / 2);
  }
  .over_box_txt {
    margin-top: 6px;
    width: auto;
    color: #333;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
  }
}

@media print, screen and (max-width: 414px) {
	.kinkyu_list_wrapper .kinkyu_list li {
    width: 100%;
  }
}