@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-color-red {
	color: #990000;
	font-weight: bold;
}

.text-color-yellow {
	color: #FFFF00;
	font-weight: bold;
}

.text-color-green {
	color: #008000;
	font-weight: bold;
}

.text-color-blue {
	color: #1A4488;
	font-weight: bold;
}

.text-color-aqua {
	color: #AFDFE4;
	font-weight: bold;
}
/* 中見出し */
.h2bg .text-color-red, 
.h2bg .text-color-yellow, 
.h2bg .text-color-green, 
.h2bg .text-color-blue, 
.h2bg .text-color-aqua {
	    color: #FFFFFF;
}
/**
 * 強調用タグの色設定
 */
.text-color-red {
	color: #990000;
}

.text-color-yellow {
	color: #FFFF00;
}

.text-color-green {
	color: #008000;
}

.text-color-blue {
	color: #1A4488;
}

.text-color-aqua {
	color: #AFDFE4;
}

/**
 * 整列の設定
 */
.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}
/* 03-19用
============================== */
/* Floatのクリア */
.wysiwyg_wp hr.ClearFloat {
    display: block;
    clear: both;
    border: none;
}
/* 文章中のリンク */
.wysiwyg_wp a.externalLink {
	clear: both;
	margin: 0;
    padding: 0 0 0 23px;
    background-image: url(../images/outlink.gif);
    background-repeat: no-repeat;
    background-size: 11px 11px;
    background-position: 3px 5px;
}
.wysiwyg_wp .img-only a.externalLink, 
.wysiwyg_wp .img-left a.externalLink, 
.wysiwyg_wp .img-center a.externalLink, 
.wysiwyg_wp .img-right a.externalLink {
    padding: 0 0 2px 0;
    background-image: none;
}
.wysiwyg_wp a.resourceLink {
	clear: both;
	margin: 0 !important;
	margin: 0;
    padding: 0 0 0 23px;
    background-image: url(../images/filelink.gif);
    background-repeat: no-repeat;
    background-size: 11px 11px;
    background-position: 3px 6px;
}
/* 文章中の画像リンク */
.wysiwyg_wp a.resourceLink img {
    margin: 0 0 0 -23px;

}

/* 画像パーツ
============================== */
/*wysiwyg　パーツ共通*/

.img-area:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

@media (min-width: 1210px) {/* 最大幅～ヘッダーが落下する直前 */

#wrap img {
	max-width: 800px;
	height: auto;
}

.img-center {/* 説明文を画像幅よりはみ出させないための設定 */
	display: table;
	padding: 0 0 10px 0;
	margin: 0 auto 0 auto;
	width: 50px;
	min-width: 50px;
	max-width: 790px;
	height: auto;
	text-align: center;
	line-height: 1.3;
	overflow-wrap: break-word;
	word-break: break-all;
}
.img-left {
	display: table;
	padding: 0 0 10px 0;
	margin: 0 0 0 13px;
	width: 50px;
	min-width: 50px;
	max-width: 790px;
	height: auto;
	text-align: center;
	line-height: 1.3;
	float: left;
	overflow-wrap: break-word;
	word-break: break-all;
}
.img-right {
	display: table;
	padding: 0 0 10px 0;
	margin: 0 13px 0 13px;
	width: 50px;
	min-width: 50px;
	max-width: 790px;
	height: auto;
	text-align: center;
	line-height: 1.3;
	float: right;
	overflow-wrap: break-word;
	word-break: break-all;
}
.wysiwyg_wp p.img-only {
	display: table;
	padding: 0 0 10px 0;
	margin: 0 0 0 13px;
	width: 50px;
	min-width: 50px;
	max-width: 790px;
	height: auto;
	text-align: center;
	line-height: 1.3;
	overflow-wrap: break-word;
	word-break: break-all;
}
p.img-only::after {
	clear: both;
}
/*wysiwyg専用画像設定*/
.wysiwyg_wp p.img-only img {
    margin: 0;
    display: inline-block;
}
.wysiwyg_wp p.img-only span {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
p.img-only span a {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
.wysiwyg_wp p.img-right img {
	padding: 10px 0 0 0;
	margin: 0;
}
.wysiwyg_wp p.img-right span {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
.wysiwyg_wp p.img-right span a {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
.wysiwyg_wp p.img-left img {
	padding: 10px 0 0 0;
	margin: 0 10px 0 0;
}
.wysiwyg_wp p.img-left span {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
.wysiwyg_wp p.img-left span a {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
}

@media (max-width: 1209px) and (min-width: 901px) {/* ヘッダー落下幅以下～スマホサイズ直前 */

#wrap img {
	max-width: 610px;
	height: auto;
}
.img-center {/* 説明文を画像幅よりはみ出させないための設定 */
	display: table;
	padding: 0 0 10px 0;
	margin: 0 auto 0 auto;
	width: 50px;
	min-width: 50px;
	height: auto;
	text-align: center;
	line-height: 1.3;
	overflow-wrap: break-word;
	word-break: break-all;
}
.img-left {
	display: table;
	padding: 0 0 10px 0;
	margin: 0 0 0 13px;
	width: 50px;
	min-width: 50px;
	height: auto;
	text-align: center;
	line-height: 1.3;
	float: left;
	overflow-wrap: break-word;
	word-break: break-all;
}
.img-right {
	display: table;
	padding: 0 0 10px 0;
	margin: 0 13px 0 13px;
	width: 50px;
	min-width: 50px;
	height: auto;
	text-align: center;
	line-height: 1.3;
	float: right;
	overflow-wrap: break-word;
	word-break: break-all;
}
.wysiwyg_wp p.img-only {
	display: table;
	padding: 0 0 10px 0;
	margin: 0 0 0 13px;
	width: 50px;
	min-width: 50px;
	height: auto;
	text-align: center;
	line-height: 1.3;
	overflow-wrap: break-word;
	word-break: break-all;
}
p.img-only::after {
	clear: both;
}
/*wysiwyg専用画像設定*/
.wysiwyg_wp p.img-only img {
    margin: 0;
    display: inline-block;
}
.wysiwyg_wp p.img-only span {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
.wysiwyg_wp p.img-right img {
	padding: 10px 0 0 0;
	margin: 0;
}
.wysiwyg_wp p.img-right span {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
.wysiwyg_wp p.img-left img {
	padding: 10px 0 0 0;
	margin: 0 10px 0 0;
}
.wysiwyg_wp p.img-left span {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
}

@media (max-width: 900px) {/* スマホサイズ */

#wrap img {
	max-width: 100% !important;
	height: auto;
}
.img-center {/* 説明文を画像幅よりはみ出させないための設定 */
	display: block;
	padding: 0 0 10px 0;
	margin: 0;
	width: auto;
	max-width: 100%;
	min-width: 50px;
	height: auto;
	text-align: center;
	line-height: 1.3;
	overflow-wrap: break-word;
	word-break: break-all;
}
.img-left {
	display: block !important;
	padding: 0 0 10px 0;
	margin: 0;
	width: auto;
	max-width: 100% !important;
	min-width: 50px;
	height: auto;
	float: none !important;
	text-align: center;
	line-height: 1.3;
	overflow-wrap: break-word;
	word-break: break-all;
}
.img-right {
	display: block;
	padding: 0 0 10px 0;
	margin: 0;
	width: auto;
	max-width: 100%;
	min-width: 50px;
	height: auto;
	float: none !important;
	text-align: center;
	line-height: 1.3;
	overflow-wrap: break-word;
	word-break: break-all;
}
.wysiwyg_wp p.img-only {
	display: block;
	padding: 0 0 10px 0;
	margin: 0;
	width: auto;
	max-width: 100% !important;
	min-width: 50px;
	height: auto;
	float: none !important;
	text-align: center;
	line-height: 1.3;
	overflow-wrap: break-word;
	word-break: break-all;
}
/*wysiwyg専用画像設定*/
.wysiwyg_wp p.img-only img {
    margin: 0;
    display: inline-block;
}
.wysiwyg_wp p.img-only span {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
.wysiwyg_wp p.img-right img {
	padding: 10px 0 0 0;
	margin: 0;
}
.wysiwyg_wp p.img-right span {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
.wysiwyg_wp p.img-left img {
	padding: 10px 0 0 0;
	margin: 0 10px 0 0;
}
.wysiwyg_wp p.img-left span {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
}

.wysiwyg_wp {
    clear: both;
    overflow: hidden;
}