@charset "UTF-8";

@media(min-width: 641px) {
  .sp{display: none;}
}
@media only screen and (max-width: 640px) {
  .pc{display: none;}
}

/* page_title
---------------------------------------------- */
#page_title { background: #000; width: 100%; height: 100px; display: table; margin-bottom: 50px; position: relative; }
#page_title #page_title_inr { color: #fff; font-weight: bold; font-size: 157.14%; display: table-cell; vertical-align: middle; padding: 5px 42.65% 5px 4.41%; }
#page_title #page_title_inr span { font-size: 63.64%; font-weight: normal; padding-bottom: 5px; display: block; }
#page_title #page_title_inr span.sp_only { display: none !important; }
#page_title #page_title_inr img { vertical-align: bottom; padding-left: 10px; }
#page_title .img { position: absolute; right: 25px; top: 15px; width: 36.76%; }
@media only screen and (max-width: 640px) {
  #page_title { background: #000; width: auto; height: auto; display: block; margin: 0 -20px 25px; }
  #page_title #page_title_inr { display: block; padding: 20px; font-size: 142.86%; }
  #page_title #page_title_inr span { font-size: 60%; font-weight: normal; padding-bottom: 5px; }
  #page_title #page_title_inr span.sp_only { display: block !important; }
}

/* discon-list
---------------------------------------------- */
.discon-list {padding-top: 10px;}
.discon-list .label:nth-of-type(n+2){margin-top: 35px;}
.discon-list__link {margin-top: 15px;}
.discon-list__link li+li{margin-top: 8px;}
.discon-list__link a{border: 1px solid #e8e8e8;display: flex;align-items: center;padding: 8px 7px 9px 15px;}
.discon-list__link a:hover{text-decoration: none;}
.discon-list__link a span{flex:1;display: block;padding-left: 12px;margin-right: 5px; position: relative;}
.discon-list__link a span::before {content: "";width: 0;height: 0;border-style: solid;border-width: 3px 0 3px 6px;border-color: transparent transparent transparent #333;position: absolute;left: 0;top: calc(50% - 3px);}
.discon-list__link a:hover span{text-decoration: underline;}
.discon-list__link a small{display: block;color: #fff;font-size: calc((13 / 14) * 100%);line-height: 1;padding: 6px 10px 5px 10px;}
.discon-list__link a:hover small{text-decoration: none;}
.discon-list__link a small.end{background-color: #c00;}
.discon-list__link a small.stock{background-color: #333;}
@media only screen and (max-width: 640px) {
	.discon-list {padding-top: 5px;}
	.discon-list .label:nth-of-type(n+2){margin-top: 30px;}
	.discon-list__link {margin-top: 10px;}
	.discon-list__link a{padding: 8px 7px 9px 10px;}
}