TCDテーマNOEL：スマホ表示時にトップページのボックスコンテンツを横並びに表示させる方法

Q.トップページのボックスコンテンツについて、スマホでは縦に並んで表示されますが、パソコンと同じように横並びで表示させたいのですがどうすればよいでしょうか？

この箇所では、スマホで表示した際には縦並びで各コンテンツが表示されます。横並びで表示させると各画像が小さく表示されてしまいますので、デザイン上の仕様です。
 
▼変更箇所イメージ（PC表示時）

A.下記の方法でご対応ください。

TCDテーマ＞サイト基本設定のカスタムCSSに入力してください。

@media screen and (max-width: 750px) {
  /*ボックスコンテンツを２つ表示する場合*/
  .index_box_content.type1 .box { width: 50%; float: left; }

  /*ボックスコンテンツを３つ表示する場合*/
  .index_box_content.type2 .box { width: calc(100% / 3 - 0.01px); float: left; }
}

 
補足）
タイトル、サブタイトル、キャッチフレーズのテキスト量によってはコンテンツ内が窮屈に感じられるということがあるかもしれません。表示されるテキストをPC・スマホ別々で設定することは出来ませんので、テキスト量を調整頂くことや、文字サイズの設定を見直して頂くことにてご対応をお願いいたします。