MOVEで新たなムーブメント！音楽制作のモチベーションが高ぶるとん！
2025年上半期新たなムーブメントをAbletonが提唱、その名も「MOVE」！ どこでもいつでもAbleton！PUSHオンリーだったAbletonからの純正コントローラーで遂に持ち運びに便利なコンパクトコントローラー […]
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード（リンク） */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd; /* ★最初から2px固定 */
box-sizing:border-box; /* ★ズレ防止 */
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 子要素も下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー（サイズ変化なし） */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a; /* ★色だけ変更 */
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
/* 価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:10px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:13px;
}
/* ボタンホバー */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
オタレコおすすめのDJ機材
初心者向けからプロ仕様まで、人気モデルを厳選しました。
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}
/* ★価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
font-size:15px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:8px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:12px;
}
/* ホバー時ボタン */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
作曲・DTMにおすすめの機材
制作環境をレベルアップさせる人気モデルを厳選しました。
.otai-menu-box{
background:#fff7cc;
padding:25px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-menu-box h2{
text-align:center;
font-size:22px;
margin-bottom:20px;
color:#111;
}
/* グリッド */
.otai-menu-box .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
/* カード */
.otai-menu-box .card,
.otai-menu-box .card:hover,
.otai-menu-box .card:focus,
.otai-menu-box .card:visited{
display:flex;
flex-direction:column;
background:#fff;
border-radius:10px;
overflow:hidden;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
}
/* 下線防止 */
.otai-menu-box .card *{
text-decoration:none !important;
}
/* ホバー */
.otai-menu-box .card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* ★画像（高さを半分に調整） */
.otai-menu-box .card img{
width:100%;
height:120px; /* ←ここで高さ固定（約半分） */
object-fit:cover; /* ←トリミング */
display:block;
}
/* テキスト */
.otai-menu-box .text{
padding:12px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.5;
}
/* レスポンシブ */
@media screen and (max-width:640px){
.otai-menu-box .grid{
grid-template-columns:1fr;
}
}
OTAIRECORD 人気メニュー
アナログサウンドの真髄を体感！MODEL1でDJプレイが変わる瞬間
人生何かが変わる瞬間ってありますよね？ 人生も長いこと（筆者のイッキは32歳ですが）生きていると何かの分岐点というのがあるものです。 学校へ進学する時、受験をするとき、社会へ出るとき、そして子供から大人になるとき・・・。 […]
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード（リンク） */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd; /* ★最初から2px固定 */
box-sizing:border-box; /* ★ズレ防止 */
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 子要素も下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー（サイズ変化なし） */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a; /* ★色だけ変更 */
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
/* 価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:10px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:13px;
}
/* ボタンホバー */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
オタレコおすすめのDJ機材
初心者向けからプロ仕様まで、人気モデルを厳選しました。
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}
/* ★価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
font-size:15px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:8px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:12px;
}
/* ホバー時ボタン */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
作曲・DTMにおすすめの機材
制作環境をレベルアップさせる人気モデルを厳選しました。
.otai-menu-box{
background:#fff7cc;
padding:25px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-menu-box h2{
text-align:center;
font-size:22px;
margin-bottom:20px;
color:#111;
}
/* グリッド */
.otai-menu-box .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
/* カード */
.otai-menu-box .card,
.otai-menu-box .card:hover,
.otai-menu-box .card:focus,
.otai-menu-box .card:visited{
display:flex;
flex-direction:column;
background:#fff;
border-radius:10px;
overflow:hidden;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
}
/* 下線防止 */
.otai-menu-box .card *{
text-decoration:none !important;
}
/* ホバー */
.otai-menu-box .card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* ★画像（高さを半分に調整） */
.otai-menu-box .card img{
width:100%;
height:120px; /* ←ここで高さ固定（約半分） */
object-fit:cover; /* ←トリミング */
display:block;
}
/* テキスト */
.otai-menu-box .text{
padding:12px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.5;
}
/* レスポンシブ */
@media screen and (max-width:640px){
.otai-menu-box .grid{
grid-template-columns:1fr;
}
}
OTAIRECORD 人気メニュー
どこにでも持ち運べる4万円以下の2CHミキサー！「TRAKTOR Z1 MK2」さらにオタレコ限定のマッピングも！？
遂にバージョンアップして誕生！TRAKTORの誇るインターフェイス内蔵2CHDJミキサーが誕生いたしました！ 全モデルから大胆にデザインも変わって誕生！Z1 MK2これからDJを始める人にとっては最高のDJミキサーとなっ […]
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード（リンク） */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd; /* ★最初から2px固定 */
box-sizing:border-box; /* ★ズレ防止 */
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 子要素も下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー（サイズ変化なし） */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a; /* ★色だけ変更 */
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
/* 価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:10px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:13px;
}
/* ボタンホバー */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
オタレコおすすめのDJ機材
初心者向けからプロ仕様まで、人気モデルを厳選しました。
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}
/* ★価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
font-size:15px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:8px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:12px;
}
/* ホバー時ボタン */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
作曲・DTMにおすすめの機材
制作環境をレベルアップさせる人気モデルを厳選しました。
.otai-menu-box{
background:#fff7cc;
padding:25px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-menu-box h2{
text-align:center;
font-size:22px;
margin-bottom:20px;
color:#111;
}
/* グリッド */
.otai-menu-box .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
/* カード */
.otai-menu-box .card,
.otai-menu-box .card:hover,
.otai-menu-box .card:focus,
.otai-menu-box .card:visited{
display:flex;
flex-direction:column;
background:#fff;
border-radius:10px;
overflow:hidden;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
}
/* 下線防止 */
.otai-menu-box .card *{
text-decoration:none !important;
}
/* ホバー */
.otai-menu-box .card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* ★画像（高さを半分に調整） */
.otai-menu-box .card img{
width:100%;
height:120px; /* ←ここで高さ固定（約半分） */
object-fit:cover; /* ←トリミング */
display:block;
}
/* テキスト */
.otai-menu-box .text{
padding:12px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.5;
}
/* レスポンシブ */
@media screen and (max-width:640px){
.otai-menu-box .grid{
grid-template-columns:1fr;
}
}
OTAIRECORD 人気メニュー
【世はまさにモニタースピーカー戦国時代！】コンパクトモニタースピーカーを聴き比べてみました！
OTAIRECORDえんどうです。 今年(2024年)の秋、DJ機材・作曲機材の新作がすごい勢いで発表されています。 DJ機材の新作や後継機、往年の名機の新バージョンなどなど新旧共にいろいろな機材が発表されてどれも話題に […]
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード（リンク） */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd; /* ★最初から2px固定 */
box-sizing:border-box; /* ★ズレ防止 */
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 子要素も下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー（サイズ変化なし） */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a; /* ★色だけ変更 */
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
/* 価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:10px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:13px;
}
/* ボタンホバー */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
オタレコおすすめのDJ機材
初心者向けからプロ仕様まで、人気モデルを厳選しました。
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}
/* ★価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
font-size:15px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:8px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:12px;
}
/* ホバー時ボタン */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
作曲・DTMにおすすめの機材
制作環境をレベルアップさせる人気モデルを厳選しました。
.otai-menu-box{
background:#fff7cc;
padding:25px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-menu-box h2{
text-align:center;
font-size:22px;
margin-bottom:20px;
color:#111;
}
/* グリッド */
.otai-menu-box .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
/* カード */
.otai-menu-box .card,
.otai-menu-box .card:hover,
.otai-menu-box .card:focus,
.otai-menu-box .card:visited{
display:flex;
flex-direction:column;
background:#fff;
border-radius:10px;
overflow:hidden;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
}
/* 下線防止 */
.otai-menu-box .card *{
text-decoration:none !important;
}
/* ホバー */
.otai-menu-box .card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* ★画像（高さを半分に調整） */
.otai-menu-box .card img{
width:100%;
height:120px; /* ←ここで高さ固定（約半分） */
object-fit:cover; /* ←トリミング */
display:block;
}
/* テキスト */
.otai-menu-box .text{
padding:12px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.5;
}
/* レスポンシブ */
@media screen and (max-width:640px){
.otai-menu-box .grid{
grid-template-columns:1fr;
}
}
OTAIRECORD 人気メニュー
10/14(月) 渋谷Ruby RoomにてOTAIRECORD MUSIC SCHOOL DJ BATTLEが開催されました！
10/14(月) 渋谷Ruby RoomにてOTAIRECORD MUSIC SCHOOL DJ BATTLEが開催されました！ このDJ BATTLEはOTAIRECORDが運営するDJスクール 『OTAIRECORD […]
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード（リンク） */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd; /* ★最初から2px固定 */
box-sizing:border-box; /* ★ズレ防止 */
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 子要素も下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー（サイズ変化なし） */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a; /* ★色だけ変更 */
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
/* 価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:10px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:13px;
}
/* ボタンホバー */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
オタレコおすすめのDJ機材
初心者向けからプロ仕様まで、人気モデルを厳選しました。
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}
/* ★価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
font-size:15px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:8px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:12px;
}
/* ホバー時ボタン */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
作曲・DTMにおすすめの機材
制作環境をレベルアップさせる人気モデルを厳選しました。
.otai-menu-box{
background:#fff7cc;
padding:25px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-menu-box h2{
text-align:center;
font-size:22px;
margin-bottom:20px;
color:#111;
}
/* グリッド */
.otai-menu-box .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
/* カード */
.otai-menu-box .card,
.otai-menu-box .card:hover,
.otai-menu-box .card:focus,
.otai-menu-box .card:visited{
display:flex;
flex-direction:column;
background:#fff;
border-radius:10px;
overflow:hidden;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
}
/* 下線防止 */
.otai-menu-box .card *{
text-decoration:none !important;
}
/* ホバー */
.otai-menu-box .card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* ★画像（高さを半分に調整） */
.otai-menu-box .card img{
width:100%;
height:120px; /* ←ここで高さ固定（約半分） */
object-fit:cover; /* ←トリミング */
display:block;
}
/* テキスト */
.otai-menu-box .text{
padding:12px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.5;
}
/* レスポンシブ */
@media screen and (max-width:640px){
.otai-menu-box .grid{
grid-template-columns:1fr;
}
}
OTAIRECORD 人気メニュー
DTMerでYouTuberなジョンピーチがLEBEN by OTAIRECORDに遊びに来てくれました！
YouTubeチャンネル登録者数3万人を超えるDTMer、ジョンピーチさんがLEBEN by OTAIRECORDに遊びに来てくれました！ 以前よりオタレコ企画のイベントなどでもご一緒させていただいているDTMerでYo […]
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード（リンク） */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd; /* ★最初から2px固定 */
box-sizing:border-box; /* ★ズレ防止 */
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 子要素も下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー（サイズ変化なし） */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a; /* ★色だけ変更 */
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
/* 価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:10px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:13px;
}
/* ボタンホバー */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
オタレコおすすめのDJ機材
初心者向けからプロ仕様まで、人気モデルを厳選しました。
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}
/* ★価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
font-size:15px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:8px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:12px;
}
/* ホバー時ボタン */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
作曲・DTMにおすすめの機材
制作環境をレベルアップさせる人気モデルを厳選しました。
.otai-menu-box{
background:#fff7cc;
padding:25px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-menu-box h2{
text-align:center;
font-size:22px;
margin-bottom:20px;
color:#111;
}
/* グリッド */
.otai-menu-box .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
/* カード */
.otai-menu-box .card,
.otai-menu-box .card:hover,
.otai-menu-box .card:focus,
.otai-menu-box .card:visited{
display:flex;
flex-direction:column;
background:#fff;
border-radius:10px;
overflow:hidden;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
}
/* 下線防止 */
.otai-menu-box .card *{
text-decoration:none !important;
}
/* ホバー */
.otai-menu-box .card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* ★画像（高さを半分に調整） */
.otai-menu-box .card img{
width:100%;
height:120px; /* ←ここで高さ固定（約半分） */
object-fit:cover; /* ←トリミング */
display:block;
}
/* テキスト */
.otai-menu-box .text{
padding:12px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.5;
}
/* レスポンシブ */
@media screen and (max-width:640px){
.otai-menu-box .grid{
grid-template-columns:1fr;
}
}
OTAIRECORD 人気メニュー
アーティストの知られざる一面！『 Artist Five Keys 』Vol.1 – 食品まつりa.k.a foodman #トラックメイカー編
皆様こんばんわ！ OTAIRECORD 塚原です！ OTAIRECORDでは、アーティストの知られざる一面や、音楽制作の隠された秘密を覗けるような新企画を始動します！ 企画名は… 『 Artist Five […]
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード（リンク） */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd; /* ★最初から2px固定 */
box-sizing:border-box; /* ★ズレ防止 */
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 子要素も下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー（サイズ変化なし） */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a; /* ★色だけ変更 */
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
/* 価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:10px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:13px;
}
/* ボタンホバー */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
オタレコおすすめのDJ機材
初心者向けからプロ仕様まで、人気モデルを厳選しました。
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}
/* ★価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
font-size:15px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:8px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:12px;
}
/* ホバー時ボタン */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
作曲・DTMにおすすめの機材
制作環境をレベルアップさせる人気モデルを厳選しました。
.otai-menu-box{
background:#fff7cc;
padding:25px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-menu-box h2{
text-align:center;
font-size:22px;
margin-bottom:20px;
color:#111;
}
/* グリッド */
.otai-menu-box .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
/* カード */
.otai-menu-box .card,
.otai-menu-box .card:hover,
.otai-menu-box .card:focus,
.otai-menu-box .card:visited{
display:flex;
flex-direction:column;
background:#fff;
border-radius:10px;
overflow:hidden;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
}
/* 下線防止 */
.otai-menu-box .card *{
text-decoration:none !important;
}
/* ホバー */
.otai-menu-box .card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* ★画像（高さを半分に調整） */
.otai-menu-box .card img{
width:100%;
height:120px; /* ←ここで高さ固定（約半分） */
object-fit:cover; /* ←トリミング */
display:block;
}
/* テキスト */
.otai-menu-box .text{
padding:12px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.5;
}
/* レスポンシブ */
@media screen and (max-width:640px){
.otai-menu-box .grid{
grid-template-columns:1fr;
}
}
OTAIRECORD 人気メニュー
アーティストの知られざる一面！『 Artist Five Keys 』Vol.1 – Midori Aoyama #DJ編
皆様こんばんわ！ OTAIRECORD 塚原です！ OTAIRECORDでは、アーティストの知られざる一面や、音楽制作の隠された秘密を覗けるような新企画を始動します！ 企画名は… 『 Artist Five […]
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード（リンク） */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd; /* ★最初から2px固定 */
box-sizing:border-box; /* ★ズレ防止 */
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 子要素も下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー（サイズ変化なし） */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a; /* ★色だけ変更 */
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
/* 価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:10px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:13px;
}
/* ボタンホバー */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
オタレコおすすめのDJ機材
初心者向けからプロ仕様まで、人気モデルを厳選しました。
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}
/* ★価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
font-size:15px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:8px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:12px;
}
/* ホバー時ボタン */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
作曲・DTMにおすすめの機材
制作環境をレベルアップさせる人気モデルを厳選しました。
.otai-menu-box{
background:#fff7cc;
padding:25px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-menu-box h2{
text-align:center;
font-size:22px;
margin-bottom:20px;
color:#111;
}
/* グリッド */
.otai-menu-box .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
/* カード */
.otai-menu-box .card,
.otai-menu-box .card:hover,
.otai-menu-box .card:focus,
.otai-menu-box .card:visited{
display:flex;
flex-direction:column;
background:#fff;
border-radius:10px;
overflow:hidden;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
}
/* 下線防止 */
.otai-menu-box .card *{
text-decoration:none !important;
}
/* ホバー */
.otai-menu-box .card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* ★画像（高さを半分に調整） */
.otai-menu-box .card img{
width:100%;
height:120px; /* ←ここで高さ固定（約半分） */
object-fit:cover; /* ←トリミング */
display:block;
}
/* テキスト */
.otai-menu-box .text{
padding:12px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.5;
}
/* レスポンシブ */
@media screen and (max-width:640px){
.otai-menu-box .grid{
grid-template-columns:1fr;
}
}
OTAIRECORD 人気メニュー
Allen&HeathのアナログDJミキサー 『XONE:92』の生誕20周年モデルが発売！国内40台限定販売のプレミア化必至！
Allen&HeathのアナログDJミキサー 『XONE:92』の生誕20周年モデルが発売！国内40台限定販売のプレミア化必至！ 皆様こんにちは！OTAIRECORD塚原です。 灼熱の暑さの日々が続き、室内で涼ん […]
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード（リンク） */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd; /* ★最初から2px固定 */
box-sizing:border-box; /* ★ズレ防止 */
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 子要素も下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー（サイズ変化なし） */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a; /* ★色だけ変更 */
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
/* 価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:10px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:13px;
}
/* ボタンホバー */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
オタレコおすすめのDJ機材
初心者向けからプロ仕様まで、人気モデルを厳選しました。
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}
/* ★価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
font-size:15px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:8px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:12px;
}
/* ホバー時ボタン */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
作曲・DTMにおすすめの機材
制作環境をレベルアップさせる人気モデルを厳選しました。
.otai-menu-box{
background:#fff7cc;
padding:25px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-menu-box h2{
text-align:center;
font-size:22px;
margin-bottom:20px;
color:#111;
}
/* グリッド */
.otai-menu-box .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
/* カード */
.otai-menu-box .card,
.otai-menu-box .card:hover,
.otai-menu-box .card:focus,
.otai-menu-box .card:visited{
display:flex;
flex-direction:column;
background:#fff;
border-radius:10px;
overflow:hidden;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
}
/* 下線防止 */
.otai-menu-box .card *{
text-decoration:none !important;
}
/* ホバー */
.otai-menu-box .card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* ★画像（高さを半分に調整） */
.otai-menu-box .card img{
width:100%;
height:120px; /* ←ここで高さ固定（約半分） */
object-fit:cover; /* ←トリミング */
display:block;
}
/* テキスト */
.otai-menu-box .text{
padding:12px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.5;
}
/* レスポンシブ */
@media screen and (max-width:640px){
.otai-menu-box .grid{
grid-template-columns:1fr;
}
}
OTAIRECORD 人気メニュー
Rolandの真骨頂「FANTOMシリーズ」からFANTOM-0モデルのここがやばいぞ！！
どうも！OTAIRECORDイッキです！ イッキといえばRoland、Rolandといえばイッキ！ってくらい僕は自身の演奏活動でもRolandのキーボードを愛用しており、生粋のRolandラバーなのでございます。 そんな […]
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード（リンク） */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd; /* ★最初から2px固定 */
box-sizing:border-box; /* ★ズレ防止 */
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 子要素も下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー（サイズ変化なし） */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a; /* ★色だけ変更 */
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
/* 価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:10px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:13px;
}
/* ボタンホバー */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
オタレコおすすめのDJ機材
初心者向けからプロ仕様まで、人気モデルを厳選しました。
.otai-wrap{
background:#f7f5f2;
padding:30px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-wrap h2{
text-align:center;
font-size:24px;
margin-bottom:10px;
}
.otai-wrap p{
text-align:center;
font-size:14px;
color:#666;
margin-bottom:25px;
}
/* グリッド */
.otai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
/* カード */
.otai-card,
.otai-card:hover,
.otai-card:focus,
.otai-card:visited{
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border-radius:12px;
padding:15px;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
cursor:pointer;
}
/* 下線防止 */
.otai-card *{
text-decoration:none !important;
}
/* ホバー */
.otai-card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* 画像 */
.otai-card img{
width:100%;
margin-bottom:10px;
}
/* 商品名 */
.otai-title{
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}
/* ★価格 */
.otai-price{
color:#d8732a;
font-weight:bold;
margin-bottom:8px;
font-size:15px;
}
/* 説明 */
.otai-desc{
font-size:13px;
color:#555;
line-height:1.5;
margin-bottom:12px;
}
/* ボタン */
.otai-btn{
display:block;
text-align:center;
padding:8px;
background:#333;
color:#fff !important;
border-radius:6px;
font-size:12px;
}
/* ホバー時ボタン */
.otai-card:hover .otai-btn{
background:#e0b94f;
color:#fff !important;
}
/* レスポンシブ */
@media screen and (max-width:1024px){
.otai-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media screen and (max-width:640px){
.otai-grid{
grid-template-columns:1fr;
}
}
作曲・DTMにおすすめの機材
制作環境をレベルアップさせる人気モデルを厳選しました。
.otai-menu-box{
background:#fff7cc;
padding:25px 20px;
border-radius:14px;
font-family:Arial, sans-serif;
}
/* タイトル */
.otai-menu-box h2{
text-align:center;
font-size:22px;
margin-bottom:20px;
color:#111;
}
/* グリッド */
.otai-menu-box .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
/* カード */
.otai-menu-box .card,
.otai-menu-box .card:hover,
.otai-menu-box .card:focus,
.otai-menu-box .card:visited{
display:flex;
flex-direction:column;
background:#fff;
border-radius:10px;
overflow:hidden;
border:2px solid #ddd;
box-sizing:border-box;
text-decoration:none !important;
color:#111;
transition:
transform .25s,
box-shadow .25s,
background .25s,
border-color .25s;
}
/* 下線防止 */
.otai-menu-box .card *{
text-decoration:none !important;
}
/* ホバー */
.otai-menu-box .card:hover{
transform:translateY(-4px);
border-color:#f2d98a;
background:#fffdf5;
box-shadow:0 6px 16px rgba(240,200,100,0.25);
}
/* ★画像（高さを半分に調整） */
.otai-menu-box .card img{
width:100%;
height:120px; /* ←ここで高さ固定（約半分） */
object-fit:cover; /* ←トリミング */
display:block;
}
/* テキスト */
.otai-menu-box .text{
padding:12px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.5;
}
/* レスポンシブ */
@media screen and (max-width:640px){
.otai-menu-box .grid{
grid-template-columns:1fr;
}
}
