@charset "UTF-8";
/*====================================================== Title	: Browser-formatting Styles Name		: cms.css Description	: Style Sheet for initialization of the browser style Version	: 1.0
======================================================*/
p.CMScontrol { display: block; margin-top: 42px; margin-bottom: 25px; margin-left: -1ex; }
p.CMSsubcon { display: block; clear: both; }

span.CMSsubcon { display: block; clear: both; }

p.CMSsubcon { margin-bottom: 60px; margin-left: -1ex; margin-top: -1ex; }

span.CMSsubcon { margin-top: -1.75em; }

a.CMSlink { color: #008000; }
a.CMSadd, a.CMScustom { color: #09F; }
a.CMSbuild { color: #F00; }
a.CMSmodify { color: #09F; }
a.CMSdelete { color: #F09; }

p.CMSinput { margin-top: 25px; line-height: 1.5em; }
p.CMSedit { margin-top: 25px; line-height: 1.5em; margin-left: -32px; margin-right: -32px; }
p.CMSedit span#headline { margin-left: 32px; }
p.CMSbutton { margin-top: 25px; }
p.CMSbutton input { line-height: 2em; height: 3em; width: 10em; }

.build { margin-top: 24px; }

@media screen and (min-width: 768px) { .build { margin-top: 42px; } }
/* トピックス入力フォーム */
div.modify .w4em { width: 4em; }
div.modify .w5em { width: 5em; }
div.modify .w6em { width: 6em; }
div.modify input[name="title"] { width: 100%; }

/* CKeditor内CSS */
body.topics-text { font-family: 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', Osaka, Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 10px 23px; overflow-y: scroll; }

img.image { display: block; width: 100%; height: auto; margin: 0.3em auto; box-sizing: border-box; }

.topics-text p { display: block; font-size: 14px; line-height: 22px; }

@media screen and (min-width: 768px) { img.image { margin: 0.4em auto; }
  .topics-text p { font-size: 16px; line-height: 28px; } }
@media screen and (min-width: 640px) { img.image { width: 480px; }
  img.image[align="left"] { padding-right: 0.5em; margin-right: 0.5em; float: left; }
  img.image[align="right"] { padding-left: 0.5em; margin-left: 0.5em; float: right; } }
@media screen and (min-width: 992px) { img.image[align="left"], img.image[align="right"] { width: calc(384px + 0.5em); } }
@media screen and (min-width: 640px) and (max-width: 991px) { img.image[align="left"], img.image[align="right"] { width: 50%; }
  p img.image:nth-of-type(2n+1) + img.image[align="left"] { margin-right: -0.5em; }
  p img.image:nth-of-type(2n+1) + img.image[align="right"] { margin-left: -0.5em; } }