納品事例
CASE

Cases
納品事例

サペリマホガニー一枚板ダイニングテーブル

ウォールナット一枚板ダイニングテーブル、サイドテーブル

モンキーポッド一枚板座卓、スギ一枚板ダイニングテーブル

ウォールナット一枚板ダイニングテーブル、リビングテーブル

ポプラ（瘤杢）一枚板ダイニングテーブル

ベリ一枚板ダイニングテーブル

サペリマホガニー　一枚板ダイニングテーブル

CASES
人気納品事例

TOPICS
人気トピックス

PICK UP
今月のおすすめ

ブビンガ

~~756,000円~~→604,800円（税込）

ハードメープル　B-117-3-2

~~162,000円~~→129,600円（税込）

ウォールナット

~~756,000円~~→604,800円（税込）

/* ----------------------------------------- */ /* Content Template: Loop item in cases - 開始 */ /* ----------------------------------------- */ .mystyle{position: absolute; top:5px; left:5px; font-size:12px; background-color:rgba(99,158,214,0.8); padding:5px 10px; line-height:1; color:#fff; font-weight:900; border-radius:10px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;} @media (max-width: 767px){ .col-sm-3 { width: 48%; display: inline-block; vertical-align: top; } } .wrapper{ max-width: 800px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; } .image{ position: relative; width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/ padding-top: 70%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/ overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/ margin: 0 auto; } .image img{ /* 画像を上下左右に中央配置する（絶対指定） */ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* 画像の最大サイズは枠の1.3倍まで */ max-width: 130%; max-height: 130%; } html { -webkit-font-smoothing: antialiased; } .topics{ position: relative; margin-bottom: 10px !important; } .topics p{ font-size:80%; line-height: 1.4em !important; } .topics a:hover{ text-decoration: none; } .post_title{ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; font-size:80% !important; line-height: 1.4em; margin-top:5px; margin-bottom: 5px; color: #666; margin-bottom: 10px !important; } a.wide{ display: block; } a.overwhite{ background-color:#ffffff; display:block; } a.overwhite:hover img{ filter: alpha(opacity=60); /* ie lt 8 */ -ms-filter: "alpha(opacity=60)"; /* ie 8 */ -moz-opacity:0.6; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.6; /* Safari 1.x */ opacity:0.6; } a.overwhite img{ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } /* ----------------------------------------- */ /* Content Template: Loop item in cases - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: case_mobile内のアイテムをループする - 開始 */ /* ----------------------------------------- */ .mystyle{position: absolute; top:5px; left:5px; font-size:12px; background-color:rgba(99,158,214,0.8); padding:5px 10px; line-height:1; color:#fff; font-weight:900; border-radius:10px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;} @media (max-width: 767px){ .col-sm-3 { width: 48%; display: inline-block; vertical-align: top; } } .wrapper{ max-width: 800px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; } .image{ position: relative; width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/ padding-top: 70%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/ overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/ margin: 0 auto; } .image img{ /* 画像を上下左右に中央配置する（絶対指定） */ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* 画像の最大サイズは枠の1.3倍まで */ max-width: 130%; max-height: 130%; } html { -webkit-font-smoothing: antialiased; } .topics{ position: relative; margin-bottom: 10px !important; } .topics p{ font-size:80%; line-height: 1.4em !important; } .topics a:hover{ text-decoration: none; } .post_title{ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; font-size:80% !important; line-height: 1.4em; margin-top:5px; margin-bottom: 5px; color: #666; margin-bottom: 10px !important; } a.wide{ display: block; } a.overwhite{ background-color:#ffffff; display:block; } a.overwhite:hover img{ filter: alpha(opacity=60); /* ie lt 8 */ -ms-filter: "alpha(opacity=60)"; /* ie 8 */ -moz-opacity:0.6; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.6; /* Safari 1.x */ opacity:0.6; } a.overwhite img{ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } /* ----------------------------------------- */ /* Content Template: case_mobile内のアイテムをループする - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in woodtype-tag - 開始 */ /* ----------------------------------------- */ .tag_cloud{ display: inline-block; } .tag_cloud a{ padding: 0.4em 1em; margin: 0 0em .5em 0; background-color: #fff; border: 1px solid #aaa; border-radius: 3px; white-space: nowrap; color: #333; font-size: 13px; text-decoration: none; -webkit-transition: .2s; transition: .2s; } .tag_cloud a:hover{ background-color: #3498db; border: 1px solid #3498db; color: #fff; } /* ----------------------------------------- */ /* Content Template: Loop item in woodtype-tag - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: widget_cases内のアイテムをループする - 開始 */ /* ----------------------------------------- */ .image{ position: relative; width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/ padding-top: 70%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/ overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/ margin: 0 auto; } .image img{ /* 画像を上下左右に中央配置する（絶対指定） */ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* 画像の最大サイズは枠の1.3倍まで */ max-width: 130%; max-height: 130%; } html { -webkit-font-smoothing: antialiased; } .topics{ position: relative; margin-bottom: 10px !important; } .topics p{ font-size:80%; line-height: 1.4em !important; } .topics a:hover{ text-decoration: none; } .post_title{ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; font-size:80% !important; line-height: 1.4em; margin-top:5px; color: #666; margin-bottom: 0px !important; } a.wide{ display: block; } a.overwhite{ background-color:#ffffff; display:block; } a.overwhite:hover img{ filter: alpha(opacity=60); /* ie lt 8 */ -ms-filter: "alpha(opacity=60)"; /* ie 8 */ -moz-opacity:0.6; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.6; /* Safari 1.x */ opacity:0.6; } a.overwhite img{ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .gallery_name{ position: absolute; top:0px; right: 0px; left:0px; padding:0px 8px 0px; background-color: rgba(0, 0, 0,0.8); border-radius: 0px; font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif !important; font-weight: 600; font-size:70%; } .gallery_name a,.gallery_name a:hover{ color: #fff; } .price{ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; font-weight: 600; } /* ----------------------------------------- */ /* Content Template: widget_cases内のアイテムをループする - 終了 */ /* ----------------------------------------- */