@charset "utf-8";

/*
 --------------------------------------------------------------------
4Uweb／CMS WYSIWYGエディタ用スタイルシート。
フォントの色
クラス名称は、template-text-color.xml の「cssColor」と合わせてください。
 --------------------------------------------------------------------
 【編集履歴】
 ・2009-05-10 新規作成
 ・2011-12-12 強調タグ用の色を追加。
 ・2017-09-08 大見出し白字用の文字色を追加。
 ・2017-12-07 03-19用調整スタイルを追加。
 -------------------------------------------------------------------- */


/**
 * 色の設定
設定なし*/


/**
 * 整列の設定
 */

.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
strong {
    font-weight: bold;
}
/* 03-19用
============================== */


/* Floatのクリア */

.wysiwyg_wp hr.ClearFloat {
    display: block;
    clear: both;
    border: none;
}

/* 文章中の画像リンクアイコンなし */

.img-only a.innerLink,
.img-left a.innerLink,
.img-center a.innerLink,
.img-right a.innerLink,
.img-only a.externalLink,
.img-left a.externalLink,
.img-center a.externalLink,
.img-right a.externalLink,
.img-left a.resourceLink,
.img-center a.resourceLink,
.img-right a.resourceLink {
    background: none;
    padding: 0;
}

/* ファイルダウンロード
============================== */

a.resourceLink {}

/* 画像パーツ キャプション折り返し
============================== */


/*wysiwyg　パーツ共通*/

.img-center {
    padding-bottom: 0.25em;
    text-align: center;
    display: table;
    width: 160px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 10px;
}
.img-left {
    float: left;
    text-align: center;
    display: table;
    width: 160px/* minimum width */
    ;
    padding: 0;
    margin-bottom: 10px;
    margin-right: 10px;
}
.img-right {
    float: right;
    text-align: center;
    display: table;
    width: 160px/* minimum width */
    ;
    padding: 0;
    margin-bottom: 10px;
    margin-left: 10px;
}
.img-only > a,
.img-right > a,
.img-left > a,
.img-center > a {
    display: inline-block;
}
/*wysiwyg専用*/

.wysiwyg_wp {
    clear: both;
}
.wysiwyg_wp:before,
.wysiwyg_wp:after {
    content: "";
    display: table;
}
.wysiwyg_wp::after {
    clear: both;
}
.img-only {
    padding: 0;
}
.img-only img {
    padding: 0;
}
.img-right img {
    padding: 0;
}
.img-left span {}

/* dldtdd
============================== */
dl {
    margin-bottom: .85em;
}
dt {
    margin-left: 20px;
}
dd {
    margin-left: 40px;
}

/* youtube動画設定スマホ
============================== */
@media screen and (max-width: 736px) {
.wysiwyg_wp .youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 5px;
}
.wysiwyg_wp .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}