ご指南ありがとうございます。
手順のとおり試してみましたが、カスタムテンプレートから「map」を読み込むまではできたものの、モバイルプレビューでの表示結果は変わりませんでした。
怪しいと思う点が・・・
１）concrete/blocks/html/view.phpには次の記述しかありません。
<?php defined('C5_EXECUTE') or die("Access Denied."); ?>
<?php echo $content; ?>
２）CSSファイルのソース
.cal_wrapper {
max-width: 960px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* 画面幅が768px以上の場合の縦横比の指定 */
@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
３）htmlブロックのソース
<div class=”cal_wrapper”>
<div class=”googlecal”>
<iframe src=・・・※埋め込みコード＞
</div>
</div>
Googleカレンダーの埋め込みについて
2018年2月10日 at 17:58
htmlブロックで埋め込みコードを設定し、表示させることは問題なくできています。
ただこのままではモバイル端末で開いた際、カレンダーの表示が切れてしまい問題がありました。
次に、これをレスポンシブ表示させるためCSSファイルを作成したのですが、これをどのようにhtmlブロックへ反映させるのかが分からず頓挫しています。
（PHPの知識はなく、カスタムテンプレートの使い方もよく分かっていません）
※ちなみにconcrete5ではない他のページではモバイル端末でも正しく表示させることに成功しています。
大変お手数ですが、どなたかご教示頂けませんでしょうか。
takuro hishikawa
Re: Googleカレンダーの埋め込みについて
2. 作成したCSSファイルを application/blocks/html/templates/map/view.css にアップする
3. 該当のHTMLブロックをクリックしカスタムテンプレートを「Map」に切り替える
参考：
操作方法 カスタムテンプレートhttp://concrete5-japan.org/help/5-7/using-concrete5-7/in-page-editing/block-areas/custom-templates/
カスタマイズ方法 CSSやJavaScriptをカスタムテンプレートから自動で読み込むhttp://concrete5-japan.org/help/5-7/developer/working-with-blocks/working-with-existing-block-types/creating-additional-custom-view-templates/automatically-including-c...