@charset "utf-8";
/*top*/
.recommend-list {display: flex;justify-content: space-around;width: 100%;}
.recommend-pickup {background-color: #f1f1f1;border: 1px solid #e1e1e1;border-radius: 5px;display: flex;flex-direction: column;padding: 2.4% 2%;position: relative;width: 47%;}
.recommend-pickup .on-img {left: 0.2rem;height: 40px;position: absolute;top: 0.2rem;width: 40px;}
.recommend-pickup .img-box {height: auto;margin: auto auto 0.6rem;width: 100%;}
.recommend-pickup .img-box img {height: auto;width: 100%;}
.recommend-pickup .text-area {margin: auto;width: 100%;}
.recommend-pickup .text {color: #333;font-size: .7rem;font-weight: bold;margin-bottom: .3rem;}
.recommend-pickup .price-area {margin-bottom: .4rem;}
.recommend-pickup .value {background-color: #d80210;color: #fff;display: inline-block;font-size: .8rem;font-weight: bold;line-height: 1.3;padding: 0.14rem 0.4rem;margin-bottom: 0.3rem;text-align: center;}
.recommend-pickup .value span {font-size: .8em;}
.recommend-pickup .price {color: #e00000;display: block;line-height: 1.2;font-size: 1rem;font-weight: bold;text-align: right;}
.recommend-pickup .tax-included {font-size: .6rem;display: block;line-height: 1;}
.recommend-pickup .item-btn {background-color: #F96513;border: 1px solid #e75e10;border-radius: 5px;box-shadow: #c7c7c7 0 1px 1px;color: #fff;display: inline-flex;font-size: .8rem;letter-spacing: 1px;padding: 0.5rem 0;position: relative;width: 100%;align-items: center;justify-content: center;}
.recommend-pickup .item-btn::after {background-color: #fff;height: 1em;right: 0.5rem;width: 1em;}
.recommend-pickup .item-btn:hover {cursor: pointer;opacity: .9;}
.card-link {align-items: center;border: 1px solid #a3a3a3;border-radius: 5px;box-shadow: 0 2px 5px #9e9e9e2e;color: #222;display: flex;font-size: .84rem;font-weight: bold;height: 3.2rem;position: relative;}
.card-link .img-box {height: 100%;margin-right: 0.5rem;overflow: hidden;width: 30%;}
.card-link .img-box img {border-radius: 5px 0 0 5px;width: 125px;}
.card-link.btn-arrow::after {background-color: #f96e23;height: 0.8rem;right: 0.4rem;width: 0.8rem;}
.card-link:hover {box-shadow: 0 0 5px #a7a7a7b0;color: #f46e0c;}
.work-example {background-color: #F9C642;padding: 2%;}
.work-example .item {background-color: #fff;padding: 2.2%;}
.work-example .item:not(:last-of-type) {margin-bottom: 1.8%;}
/* SP用 */
@media screen and (max-width: 560px) {}
/* PC用 */
@media screen and (min-width: 561px) {
.recommend-pickup {width: 46%;}
.recommend-pickup .img-box {height: 160px;margin: auto auto 0.6rem;width: 280px;}
.recommend-pickup .on-img {left: 0.4rem;height: 60px;position: absolute;top: 0.4rem;width: 60px;}
.recommend-pickup .text-area {width: 280px;}
.recommend-pickup .text {font-size: .86rem;margin-bottom: .5rem;}
.recommend-pickup .price-area {display: flex;flex-direction: row;justify-content: space-between;margin-bottom: .8rem;}
.recommend-pickup .value {font-size: 1.1rem;padding: 0.4rem;margin-bottom: 0;width: 6rem;}
.recommend-pickup .price {display: inline-block;font-size: 1.3rem;}
.recommend-pickup .tax-included {font-size: .7rem;}
.recommend-pickup .item-btn {font-size: .95rem;}
.recommend-pickup .item-btn::after {height: 1em;right: 0.5rem;width: 1em;}
.card-link {font-size: 1.05rem;height: 4.5rem;}
.card-link .img-box {margin-right: 1.2rem;width: 24%;}
.card-link .img-box img {width: auto;}
.card-link.btn-arrow::after {height: 1.4rem;right: 0.7rem;width: 1.4rem;}
}
/*矢印 IEのみ*/
@media all and (-ms-high-contrast: none) {}