@charset "UTF-8";
/* 設定
******************************************************************************************** */
/* $width-pc: 1281px; */
/* $width-smartphone: 600px; */
/* $width-scrollbar: 20px; */
/* works CONFIG
******************************************************************************************** */
/* line 6, works-sp.scss */
.works { padding: 0 15px; }
/* line 9, works-sp.scss */
.works__set { padding: 10px; }
/* line 13, works-sp.scss */
.works__img { width: 25%; margin-bottom: 10px; }
/* line 18, works-sp.scss */
.works .inner { width: auto; }
/* line 22, works-sp.scss */
.works__tag { margin-top: -22%; float: right; width: 70%; }
/* line 27, works-sp.scss */
.works__tag li { font-size: 11px; font-size: 1.1rem; margin-right: 2px; margin-bottom: 5px; font-weight: normal; }
/* line 35, works-sp.scss */
.works__name { clear: both; margin-bottom: 10px; }
/* line 40, works-sp.scss */
.works__label { font-size: 13px; font-size: 1.3rem; margin-right: 5px; }
/* line 45, works-sp.scss */
.works__this { font-size: 20px; font-size: 2rem; display: block; margin-top: 10px; margin-bottom: 0; }
/* line 52, works-sp.scss */
.works__txt { font-size: 14px; font-size: 1.4rem; }

/* line 58, works-sp.scss */
.works-detail__name { font-size: 20px; font-size: 2rem; margin-left: 15px; margin-right: 15px; }
/* line 64, works-sp.scss */
.works-detail .hero__img { width: 100%; float: none; }
/* line 69, works-sp.scss */
.works-detail .hero__table { width: 100%; table-layout: fixed; }
/* line 73, works-sp.scss */
.works-detail .hero__table th { font-size: 16px; font-size: 1.6rem; }
/* line 77, works-sp.scss */
.works-detail .hero__table td { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; }
/* line 81, works-sp.scss */
.works-detail .hero__table td.price { font-size: 16px; font-size: 1.6rem; }
/* line 84, works-sp.scss */
.works-detail .hero__table td.price span { font-size: 18px; font-size: 1.8rem; }
/* line 89, works-sp.scss */
.works-detail .hero__table td.layout { font-size: 16px; font-size: 1.6rem; }
/* line 96, works-sp.scss */
.works-detail .photo { margin-bottom: 20px; }
/* line 99, works-sp.scss */
.works-detail .photo__list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
/* line 103, works-sp.scss */
.works-detail .photo__list::after { content: ""; display: block; width: 32%; }
/* line 108, works-sp.scss */
.works-detail .photo__list li { width: 32%; float: none; margin: 0 0 10px; }
/* line 116, works-sp.scss */
.works-detail .detail-txt { font-size: 16px; font-size: 1.6rem; padding: 0 15px; }

/*# sourceMappingURL=works-sp.css.map */