@charset "UTF-8";
.error { color: #F00; }

input[type="text"].error, textarea.error, select.error { border: solid 1px #F00; background-color: #ffe6e6; }

label.error { color: #F00; }

ul.error li { color: #F00; }

.CMScontrol { display: flex; justify-content: space-between; margin-bottom: 3em; }
.CMScontrol a { text-decoration: none; }
.CMScontrol a:hover { opacity: 0.7; }
.CMScontrol a + a { margin-left: 0.5em; }

.CMSsubcon { display: block; clear: both; margin-top: 0.5em; margin-bottom: 3em; }
.CMSsubcon a { text-decoration: none; }
.CMSsubcon a:hover { opacity: 0.7; }
.CMSsubcon a + a { margin-left: 0.5em; }

span.CMSsubcon { text-align: right; margin-top: 0; margin-bottom: -1em; }

td > .CMSsubcon { display: flex; justify-content: space-between; margin-top: 0; margin-bottom: 0; }

a.CMSlink, a.CMSlogout, a.CMSadd, a.CMScustom, a.CMSpublish, a.CMSmodify, a.CMSdelete { display: inline-block; padding: 0 1em; border-radius: 0.25em; }

a.CMSlink, a.CMSlogout { color: #fff; background-color: #737373; }

a.CMSadd, a.CMScustom { color: #0064e6; background-color: #c2ddff; }

a.CMSpublish { color: #F00; background-color: #ffd6d6; }

a.CMSmodify { color: #0064e6; background-color: #cde2ff; }

a.CMSdelete { color: #F40; background-color: #ffdacc; }

p.CMSinput { line-height: 1.5em; }
p.CMSinput .checkbox { margin-right: 1.5em; }
p.CMSinput .checkbox input[type="checkbox"] + span { margin-left: 0.5em; }
p.CMSinput .checkbox-wrapper { display: inline-block; margin-right: 1em; }
p.CMSinput .checkbox-wrapper .checkbox { margin-right: 0.5em; }
p.CMSinput .radio { margin-right: 1.5em; }
p.CMSinput .radio input[type="radio"] + span { margin-left: 0.5em; }
p.CMSinput .radio-wrapper { display: inline-block; margin-right: 1em; }
p.CMSinput .radio-wrapper .radio { margin-right: 0.5em; }
p.CMSinput label { display: inline-block; margin-right: 2em; }
p.CMSinput input[type="text"], p.CMSinput input[type="date"], p.CMSinput input[type="password"], p.CMSinput select, p.CMSinput textarea { line-height: 1.5em; padding: 0.25em; }
p.CMSedit { margin-top: 25px; margin-left: -21px; margin-right: -21px; }
p.CMSedit span.headline { margin-left: 21px; }
p.CMSedit .cms { display: inline-block; width: 100%; }
p.CMSedit .cms .dl > dt, p.CMSedit .cms .dl > dd, p.CMSedit .cms .inlineBlock { position: relative; }
p.CMSedit .cms .dl > dt::after, p.CMSedit .cms .dl > dd::after, p.CMSedit .cms .inlineBlock::after { content: ""; display: inline-block; width: calc( 100% - 4px ); height: 2px; background-color: #EE6; position: absolute; bottom: 0; left: 1px; }
p.CMSedit .cms .inlineBlock::after { bottom: 3px; }
p.CMSedit .cms .dl > dt::after { background-color: #CCF; }
p.CMSedit .cms .dl > dd::after { background-color: #9EE; }
p.CMSedit .cms .viewSpBreak { position: relative; }
p.CMSedit .cms .viewSpBreak::before { content: ""; position: absolute; display: inline-block; width: 2px; height: 1.5em; vertical-align: middle; margin-left: -1px; margin-right: -1px; background-color: #FBB; }
p.CMSbutton { margin-top: 25px; }
p.CMSbutton input { line-height: 2em; height: 3em; width: 10em; }

div.modify { /*	.w4em {					// w1em～w16emまで下で定義済
		width: 4em;
	}
	.w5em {
		width: 5em;
	}
	.w6em {
		width: 6em;
	} */ }
div.modify .input-m { width: 75%; }
div.modify .input-l { width: 100%; }

.cms { --tbw-cell-vertical-padding: 0.25em; --tbw-cell-horizontal-padding: 0.5em; --tbw-cell-line-height: 1.75em; }
.cms img.image { display: block; width: 100%; height: auto; margin: 4px auto; box-sizing: border-box; }
.cms table { width: 100%; border-collapse: collapse; }
.cms table th, .cms table td { height: calc(var(--tbw-cell-vertical-padding) * 2 + var(--tbw-cell-line-height)); min-width: calc(var(--tbw-cell-horizontal-padding) * 2); padding: var(--tbw-cell-vertical-padding) var(--tbw-cell-horizontal-padding); border: 1px solid #666; }
.cms table th { white-space: nowrap; text-align: center; }
.cms table thead th { background-color: #002aa5; color: #fff; }
.cms table tbody th { background-color: #eee; }
.cms dl { display: flex; }
.cms dl > dt { white-space: nowrap; }
.cms dl > dt .inlineBlock { text-align-last: justify; }
.cms dl > dd { flex-grow: 1; margin-left: 0; }
.cms dl.always { display: block; }
.cms dl.always > dd { padding-left: 1em; }
.cms .scrollT { overflow: auto; }
.cms .scrollT table { min-width: 100%; }
.cms .inlineBlock { text-decoration: none; display: inline-block; }
.cms .w1em { width: 1em; }
.cms .w2em { width: 2em; }
.cms .w3em { width: 3em; }
.cms .w4em { width: 4em; }
.cms .w5em { width: 5em; }
.cms .w6em { width: 6em; }
.cms .w7em { width: 7em; }
.cms .w8em { width: 8em; }
.cms .w9em { width: 9em; }
.cms .w10em { width: 10em; }
.cms .w11em { width: 11em; }
.cms .w12em { width: 12em; }
.cms .w13em { width: 13em; }
.cms .w14em { width: 14em; }
.cms .w15em { width: 15em; }
.cms .w16em { width: 16em; }

@media screen and (max-width: 767px) { .cms dl.smartphone { display: block; }
  .cms dl.smartphone > dd { padding-left: 1em; } }
@media screen and (min-width: 768px), print { .cms img.image { margin: 6px auto; }
  .cms .spBreak { display: none; } }
@media screen and (min-width: 768px), print { .cms img.image { width: 75%; }
  .cms img.image.left, .cms img.image.right { width: calc( 50% - 0.5em ); }
  .cms img.image.left { padding-right: 0.5em; margin-right: 0.5em; float: left; }
  .cms img.image.right { padding-left: 0.5em; margin-left: 0.5em; float: right; }
  .cms p img.image:nth-of-type(2n+1) + img.image.left { margin-right: -0.5em; }
  .cms p img.image:nth-of-type(2n+1) + img.image.right { margin-left: -0.5em; } }