@charset "UTF-8";
/* 設定
******************************************************************************************** */
/* $width-pc: 1281px; */
/* $width-smartphone: 600px; */
/* $width-scrollbar: 20px; */
/* works CONFIG
******************************************************************************************** */
/* line 8, works.scss */
.works-cat__list { overflow: hidden; *zoom: 1; text-align: center; position: relative; margin: 47px 0; }
/* line 13, works.scss */
.works-cat__list li { font-size: 16px; font-size: 1.6rem; width: 200px; display: inline-block; margin: 0 20px; }
/* line 18, works.scss */
.works-cat__list li a { position: relative; /* padding-left: 13px; */ display: block; border: solid 1px #e5e5e5; padding: 10px; text-decoration: none; background: #fff; min-width: 150px; }
/* line 75, _mixin.scss */
.works-cat__list li a::before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; content: ""; width: 10px; height: 10px; border: 0; border-top: solid 3px #fff; border-right: solid 3px #fff; position: absolute; top: 45%; right: 10%; margin-top: -4px; z-index: 10; }
/* line 91, _mixin.scss */
.works-cat__list li a:hover::before { right: 7%; }
/* line 27, works.scss */
.works-cat__list li a::before { border-color: #a70808; }
/* line 33, works.scss */
.works-cat a { overflow: hidden; *zoom: 1; display: block; text-decoration: none; }
/* line 39, works.scss */
.works__set { -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 20px; }
/* line 44, works.scss */
.works__set:hover { border-color: #a70808; }
/* line 49, works.scss */
.works__set--build .works__tag li { border: 1px solid #0068b7; }
/* line 53, works.scss */
.works__set--build .works__label { background: #0068b7; }
/* line 56, works.scss */
.works__set--build .works__more { color: #0068b7; }
/* line 58, works.scss */
.works__set--build .works__more::before { border-color: #0068b7; }
/* line 62, works.scss */
.works__set--build:hover { border: 1px solid #0068b7; }
/* line 66, works.scss */
.works__set a { overflow: hidden; *zoom: 1; display: block; text-decoration: none; }
/* line 73, works.scss */
.works__img { width: 240px; float: left; }
/* line 77, works.scss */
.works__img img { width: 100%; height: auto; }
/* line 83, works.scss */
.works .inner { float: right; width: 650px; }
/* line 88, works.scss */
.works__tag { margin-bottom: 15px; }
/* line 91, works.scss */
.works__tag li { font-size: 16px; font-size: 1.6rem; color: #000; margin-bottom: 10px; font-weight: bold; font-style: italic; background: #fff; padding: 1px 8px 1px 5px; display: inline-block; margin-right: 5px; border: 1px solid #f39800; }
/* line 105, works.scss */
.works__name { margin-bottom: 15px; }
/* line 109, works.scss */
.works__label { font-size: 15px; font-size: 1.5rem; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; color: #fff; font-style: italic; display: inline-block; background: #a70808; letter-spacing: 0.1em; padding: 3px 0.6em 3px 0.5em; margin-right: 10px; vertical-align: bottom; vertical-align: text-bottom; }
/* line 123, works.scss */
.works__this { font-size: 28px; font-size: 2.8rem; font-weight: bold; line-height: 1.3em; }
/* line 129, works.scss */
.works__txt { font-size: 16px; font-size: 1.6rem; }
/* line 133, works.scss */
.works__more { font-size: 15px; font-size: 1.5rem; position: relative; /* padding-left: 13px; */ font-weight: bold; color: #a70808; float: right; letter-spacing: 0.2em; padding-right: 30px; }
/* line 75, _mixin.scss */
.works__more::before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; content: ""; width: 10px; height: 10px; border: 0; border-top: solid 3px #fff; border-right: solid 3px #fff; position: absolute; top: 45%; right: 10%; margin-top: -4px; z-index: 10; }
/* line 91, _mixin.scss */
.works__more:hover::before { right: 7%; }
/* line 142, works.scss */
.works__more::before { border-color: #a70808; top: 48%; }
/* line 148, works.scss */
.works__more:hover::before { right: 10%; }

/* line 154, works.scss */
.works-detail { margin-bottom: 100px; }
/* line 156, works.scss */
.works-detail__name { font-size: 30px; font-size: 3rem; font-weight: bold; padding: 20px 0 10px 40px; letter-spacing: 0.2em; margin-top: 70px; margin-bottom: 10px; background: url("../img/common/triangle_red.png") left top no-repeat; background-size: 43px; }
/* line 165, works.scss */
.works-detail__name--build { background: url("../img/common/triangle_blue.png") left top no-repeat; background-size: 43px; }
/* line 170, works.scss */
.works-detail__label { font-size: 13px; font-size: 1.3rem; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin-left: 40px; color: #fff; font-style: italic; display: inline-block; background: #a70808; letter-spacing: 0.1em; padding: 1px 0.7em 1px 0.5em; margin-right: 20px; vertical-align: bottom; margin-bottom: 30px; }
/* line 183, works.scss */
.works-detail__label--build { background: #0068b7; }
/* line 187, works.scss */
.works-detail .hero { overflow: hidden; *zoom: 1; margin-bottom: 40px; }
/* line 191, works.scss */
.works-detail .hero__img { cursor: pointer; width: 556px; float: left; }
/* line 196, works.scss */
.works-detail .hero__img img { width: 100%; height: auto; }
/* line 202, works.scss */
.works-detail .hero__table { width: 380px; float: right; }
/* line 206, works.scss */
.works-detail .hero__table tr { display: block; width: 100%; }
/* line 211, works.scss */
.works-detail .hero__table th { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 18px; font-size: 1.8rem; font-weight: bold; background: #e5e5e5; display: block; padding: 5px; width: 100%; }
/* line 221, works.scss */
.works-detail .hero__table td { font-size: 18px; font-size: 1.8rem; padding: 10px; display: block; width: 100%; margin-bottom: 20px; }
/* line 228, works.scss */
.works-detail .hero__table td.price { font-size: 21px; font-size: 2.1rem; font-weight: bold; font-style: italic; }
/* line 233, works.scss */
.works-detail .hero__table td.price span { font-size: 29px; font-size: 2.9rem; color: #a70808; }
/* line 238, works.scss */
.works-detail .hero__table td.price--build span { color: #0068b7; }
/* line 244, works.scss */
.works-detail .hero__table td.layout { font-size: 20px; font-size: 2rem; }
/* line 251, works.scss */
.works-detail .photo { margin-bottom: 40px; }
/* line 253, works.scss */
.works-detail .photo__ttl { font-size: 20px; font-size: 2rem; font-weight: bold; position: relative; margin-bottom: 20px; }
/* line 145, _mixin.scss */
.works-detail .photo__ttl::before { display: inline-block; content: ""; width: 15px; height: 15px; background-color: #a70808; border-radius: 100%; margin-right: 10px; }
/* line 256, works.scss */
.works-detail .photo__list { overflow: hidden; *zoom: 1; letter-spacing: -3em; }
/* line 259, works.scss */
.works-detail .photo__list li { /* float: left; */ vertical-align: top; letter-spacing: normal; display: inline-block; width: 18%; margin-bottom: 23px; margin-right: 23px; }
/* line 268, works.scss */
.works-detail .photo__list li:nth-child(5n) { margin-right: 0; }
/* line 272, works.scss */
.works-detail .photo__list li img { cursor: pointer; width: 100%; height: auto; }
/* line 281, works.scss */
.works-detail .detail-txt { font-size: 21px; font-size: 2.1rem; }
/* line 283, works.scss */
.works-detail .detail-txt p { margin-bottom: 20px; }
/* line 286, works.scss */
.works-detail .detail-txt img { margin-bottom: 20px; max-width: 100%; }
/* line 291, works.scss */
.works-detail .detail-set { font-size: 16px; font-size: 1.6rem; }

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