/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
 HTML5 display definitions
 ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
 display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
 display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
 display: none;
 height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
 display: none;
}

/* ==========================================================================
 Base
 ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 * user zoom.
 */

html {
 font-family: sans-serif; /* 1 */
 -ms-text-size-adjust: 100%; /* 2 */
 -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
 margin: 0;
}

/* ==========================================================================
 Links
 ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
 outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
 outline: 0;
}

/* ==========================================================================
 Typography
 ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
 font-size: 2em;
 margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
 border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
 font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
 font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
 background: #ff0;
 color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
 font-family: monospace, serif;
 font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
 white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
 quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
 font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sup {
 top: -0.5em;
}

sub {
 bottom: -0.25em;
}

/* ==========================================================================
 Embedded content
 ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
 border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
 overflow: hidden;
}

/* ==========================================================================
 Figures
 ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
 margin: 0;
}

/* ==========================================================================
 Forms
 ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
 border: 0; /* 1 */
 padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
 font-family: inherit; /* 1 */
 font-size: 100%; /* 2 */
 margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
 line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
 text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 * and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 * `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
 -webkit-appearance: button; /* 2 */
 cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
 cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
 box-sizing: border-box; /* 1 */
 padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 * (include `-moz` to future-proof).
 */

input[type="search"] {
 -webkit-appearance: textfield; /* 1 */
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box; /* 2 */
 box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
 border: 0;
 padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
 overflow: auto; /* 1 */
 vertical-align: top; /* 2 */
}

/* ==========================================================================
 Tables
 ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
 border-collapse: collapse;
 border-spacing: 0;
}

/* ==========================================================================
 Base
 ========================================================================== */

* {
 /* padding と border の幅を要素の幅と高さに含める */
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 /* Safari 初期スタイルをリセット */
 -webkit-appearance: none;
}

html {
 /* 日本語のfont-familyへの対応 */
 font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
}

/*上方向のmarginを0にします */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre {
 margin-top: 0;
 margin-bottom: 0;
}

/* ==========================================================================
 Typography
 ========================================================================== */

/* 禁則処理の追加 */
p,li,dt,dd,th,td,pre{
 -ms-line-break: strict;
 line-break: strict;
 -ms-word-break: break-strict;
 word-break: break-strict;
}

/* ==========================================================================
 Embedded content
 ========================================================================== */

img {
 /* フルードイメージへの対応 */
 max-width :100%;
 /* 追加箇所 */
 vertical-align: middle;
}

/* ==========================================================================
 Forms
 ========================================================================== */

fieldset {
 border: none;
 margin: 0;
 padding: 0;
}

/**
 * タイプ セッティング
 */
h1, h2, h3, h4, h5, h6 {
 font-size : 1em; /* 16px */
 line-height : 1.5; /* 24px */
}

/* レスポンシブ タイプセッティングへの対応 */
html { font-size: 87.5% }

/*1024px*/
@media screen and (min-width : 1024px) {
 /*レスポンシブタイプセッティングの指定*/
 html { font-size : 100% }
}

/**
 * 基本スタイル
 */
a {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

dl, dt, dd, ol, ul, li {
 list-style: none;
 padding: 0;
 margin: 0;
}

b, em, strong {
 font-style: normal;
 font-weight: normal;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
 empty-cells: show;
}

.left {
 text-align: left;
}

.center {
 text-align: center;
}

.right {
 text-align: right;
}

/**
 * clear
*/
.clear {
 clear: both;
}

/**
 * clearfix
 */
.clearfix::before, .clearfix::after {
 content: "";
 display: table;
}

.clearfix::after {
 clear: both;
}

/**
 * 高さ100%を常に維持する
 */
html, body {
 height: 100%;
}

#all, #login {
 position: relative;
 min-height: 100%;
 margin: 0 auto;
}

/**
 * Firefoxで常にスクロールバーを表示する
 */
html {
 overflow-y: scroll;
}

/**
 * 入力ボタン
 */
input, select, textarea {
 border: 1px solid #ccc;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
 background-color: #fff;
 padding: .4em .4em .3em;
 border-size: 1px;
 line-height: 1.4;
 /* 影 (shadow) */
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 -o-box-shadow: none;
 -ms-box-shadow: none;
 box-shadow: none;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
}

input[type="checkbox"],
input[type="radio"] {
 width: 1em;
 height: 1em;
 vertical-align: middle;
 margin-top: -.2em;
}

textarea {
 line-height: 1.5;
}

/**
 * チェックボックス
 */
input[type="checkbox"] {
 display: inline-block;
 position: relative;
 background-color: #fff;
 border: 1px solid #999;
 font-size: 1.25rem;
 margin-right: .2em;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
}

 input[type="checkbox"]:checked::after {
 position: absolute;
 content: "";
 top: -.1em;
 left: .2em;
 width: .4em;
 height: .6em;
 border-right: .2em solid #007fff;
 border-bottom: .2em solid #007fff;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 }

/**
 * ラジオボタン
 */
input[type="radio"] {
 display: inline-block;
 position: relative;
 background-color: #fff;
 border: 1px solid #999;
 margin-right: .3em;
 appearance: none;
 /* 角 (corner) */
 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
 -o-border-radius: 1em;
 -ms-border-radius: 1em;
 border-radius: 1em;
}

 input[type="radio"]:checked::after {
 position: absolute;
 content: "●";
 font-size: .75em;
 color: #007fff;
 top: -7%;
 left: 9%;
 width: 1em;
 height: 1em;
 }

/**
 * 選択リスト
 */
select {
 -moz-appearance: none;
 appearance: none;
 background: none transparent;
 text-indent: .01px; /*Firefox用*/
 text-overflow: ''; /*Firefox用*/
 cursor: pointer;
 margin: 0;
 padding: .1em .6em;
 vertical-align: middle;
 font-size: inherit;
 color: inherit;
 box-shadow: none;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
}

input:focus, select:focus, textarea:focus {
 outline: none;
}

::-webkit-input-placeholder {
 color: #ccc;
}

:-moz-placeholder {
 color: #ccc;
}

/**
 * ボタン
 */
input[type="button"] {
 background-color: #f5f5f5;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
}

/**
 * 数字入力ボックス
 */
input.number, input.comma {
 text-align: right;
}

input.zip1 {
 width: 4em;
}

input.zip2, input.tel {
 width: 5em;
}

input.date {
 width: 7.2em;
}

/**
 * 入力ボックス サイズ
 */
input.full, textarea.full {
 width: 100%;
}

input.half, textarea.half {
 width: 60%;
}

input.third, textarea.third {
 width: 40%;
}

input.quarter, textarea.quarter {
 width: 25%;
}

/**
 * レスポンシブ
 */
@media screen and (max-width: 768px) {
 input.half, textarea.half {
 width: 80%;
 }

 input.third, textarea.third {
 width: 60%;
 }

 input.quarter, textarea.quarter {
 width: 40%;
 }
}

/**
 * 編集ボタン
 */
.button {
 position: relative;
 height: 2em;
}

 .button a, .button input {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
 margin: 0 .3em;
 padding: .3em .5em;
 cursor: pointer;
 text-decoration: none;
 line-height: 1.1;
 font-weight: normal;
 font-size: .875rem;
 white-space: nowrap;
 /* ホワイト */
 color: #333;
 text-shadow: 0 -1px 1px #fff;
 text-align: center;
 border: 1px solid #aaa;
 background: #fff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */
 background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */
 background-image: linear-gradient(top, #eee, #fff);
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
 /* 影 (shadow) */
 -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
 -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
 -o-box-shadow: 0 0 3px rgba(0,0,0,.3);
 -ms-box-shadow: 0 0 3px rgba(0,0,0,.3);
 box-shadow: 0 0 3px rgba(0,0,0,.3);
 }

 .button a:hover, .button input:hover {
 background: #eee;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#eee)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ddd, #eee); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ddd, #eee); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ddd, #eee); /* IE10 */
 background-image: -o-linear-gradient(top, #ddd, #eee); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ddd, #eee);
 }

 .button a:active, .button input:active {
 top: 1px;
 left: 1px;
 background: #fff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */
 background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */
 background-image: linear-gradient(top, #eee, #fff);
 }
 
 .button b {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
 margin: 0 .3em;
 padding: .3em .5em;
 cursor: pointer;
 text-decoration: none;
 line-height: 1.1;
 font-weight: normal;
 font-size: .875rem;
 white-space: nowrap;
 color: #333;
 text-align: center;
 border: 1px solid #aaa;
 background: #ddd;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
 }

/**
 * デフォルト, 白, PDF
 */
 .white a, .white input, 
 .pdf a, .pdf input, 
 .default a, .default input {
 /* ホワイト */
 color: #333;
 text-shadow: 0 -1px 1px #fff;
 text-align: center;
 border: 1px solid #aaa;
 background: #fff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */
 background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */
 background-image: linear-gradient(top, #eee, #fff);
 }

 .white a:hover, .white input:hover, 
 .pdf a:hover, .pdf input:hover, 
 .default a:hover, .default input:hover {
 background: #eee;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#eee)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ddd, #eee); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ddd, #eee); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ddd, #eee); /* IE10 */
 background-image: -o-linear-gradient(top, #ddd, #eee); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ddd, #eee);
 }

 .white a:active, .white input:hover, 
 .pdf a:active, .pdf input:hover, 
 .default a:active, .default input:hover {
 background: #fff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */
 background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */
 background-image: linear-gradient(top, #eee, #fff);
 }

/**
 * 新規作成
 */
.make-new {
 width: 5.5em;
}

 .make-new a {
 font-size: .875rem;
 width: 6em;
 /* 青 */
 color: #fff;
 text-shadow: 0 -1px 1px #666;
 border: 1px solid #708ce0;
 background: #4169e1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#769eed), to(#4169e1)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #769eed, #4169e1); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #769eed, #4169e1); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #769eed, #4169e1); /* IE10 */
 background-image: -o-linear-gradient(top, #769eed, #4169e1); /* Opera 11.10+ */
 background-image: linear-gradient(top, #769eed, #4169e1);
 }

 .make-new a:hover {
 background: #708ce0;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#a6bded), to(#708ce0)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #a6bded, #708ce0); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #a6bded, #708ce0); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #a6bded, #708ce0); /* IE10 */
 background-image: -o-linear-gradient(top, #a6bded, #708ce0); /* Opera 11.10+ */
 background-image: linear-gradient(top, #a6bded, #708ce0);
 }

 .make-new a:active {
 background: #4169e1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#769eed), to(#4169e1)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #769eed, #4169e1); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #769eed, #4169e1); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #769eed, #4169e1); /* IE10 */
 background-image: -o-linear-gradient(top, #769eed, #4169e1); /* Opera 11.10+ */
 background-image: linear-gradient(top, #769eed, #4169e1);
 }

/**
 * 編集
 */
 li.edit a, .add a {
 /* 青 */
 color: #fff;
 text-shadow: 0 -1px 1px #666;
 border: 1px solid #708ce0;
 background: #4169e1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#769eed), to(#4169e1)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #769eed, #4169e1); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #769eed, #4169e1); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #769eed, #4169e1); /* IE10 */
 background-image: -o-linear-gradient(top, #769eed, #4169e1); /* Opera 11.10+ */
 background-image: linear-gradient(top, #769eed, #4169e1);
 }

 li.edit a:hover, .add a:hover {
 background: #708ce0;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#a6bded), to(#708ce0)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #a6bded, #708ce0); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #a6bded, #708ce0); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #a6bded, #708ce0); /* IE10 */
 background-image: -o-linear-gradient(top, #a6bded, #708ce0); /* Opera 11.10+ */
 background-image: linear-gradient(top, #a6bded, #708ce0);
 }

 li.edit a:active, .add a:active {
 background: #4169e1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#769eed), to(#4169e1)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #769eed, #4169e1); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #769eed, #4169e1); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #769eed, #4169e1); /* IE10 */
 background-image: -o-linear-gradient(top, #769eed, #4169e1); /* Opera 11.10+ */
 background-image: linear-gradient(top, #769eed, #4169e1);
 }

 .make-new b {
 width: 6em;
 }

/**
 * 削除
 */
 .del a {
 /* 赤 */
 color: #fff;
 text-shadow: 0 -1px 1px #222;
 border: 1px solid #ff7c66;
 background: #ff4500;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8e66), to(#ff4500)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ff8e66, #ff4500); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ff8e66, #ff4500); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ff8e66, #ff4500); /* IE10 */
 background-image: -o-linear-gradient(top, #ff8e66, #ff4500); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ff8e66, #ff4500);
 }

 .del a:hover {
 background: #ff7c66;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa17f), to(#ff7c66)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ffa17f, #ff7c66); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ffa17f, #ff7c66); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ffa17f, #ff7c66); /* IE10 */
 background-image: -o-linear-gradient(top, #ffa17f, #ff7c66); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ffa17f, #ff7c66);
 }

 .del a:active {
 background: #ff4500;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8e66), to(#ff4500)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ff8e66, #ff4500); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ff8e66, #ff4500); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ff8e66, #ff4500); /* IE10 */
 background-image: -o-linear-gradient(top, #ff8e66, #ff4500); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ff8e66, #ff4500);
 }

/**
 * 掲載、コピー
 */
 .copy a, 
 .pub a, .disp a {
 /* オレンジ */
 color: #fff;
 text-shadow: 0 -1px 1px #666;
 border: 1px solid #ffa500;
 background: #ff8c00;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd700), to(#ff8c00)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ffd700, #ff8c00); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ffd700, #ff8c00); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ffd700, #ff8c00); /* IE10 */
 background-image: -o-linear-gradient(top, #ffd700, #ff8c00); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ffd700, #ff8c00);
 }

 .copy a:hover, 
 .pub a:hover, .disp a:hover {
 background: #ffa500;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffeb7f), to(#ffa500)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ffeb7f, #ffa500); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ffeb7f, #ffa500); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ffeb7f, #ffa500); /* IE10 */
 background-image: -o-linear-gradient(top, #ffeb7f, #ffa500); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ffeb7f, #ffa500);
 }

 .copy a:active
 .pub a:active, .disp a:active {
 background: #ff8c00;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd700), to(#ff8c00)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ffd700, #ff8c00); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ffd700, #ff8c00); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ffd700, #ff8c00); /* IE10 */
 background-image: -o-linear-gradient(top, #ffd700, #ff8c00); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ffd700, #ff8c00);
 }

/**
 * 保留
 */
 .sus a {
 /* 緑 */
 color: #fff;
 text-shadow: 0 -1px 1px #666;
 border: 1px solid #38b48b;
 background: #00a381;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#8fbc8f), to(#00a381)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #8fbc8f, #00a381); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #8fbc8f, #00a381); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #8fbc8f, #00a381); /* IE10 */
 background-image: -o-linear-gradient(top, #8fbc8f, #00a381); /* Opera 11.10+ */
 background-image: linear-gradient(top, #8fbc8f, #00a381);
 }

 .sus a:hover {
 background: #38b48b;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#68be8d), to(#38b48b)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #68be8d, #38b48b); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #68be8d, #38b48b); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #68be8d, #38b48b); /* IE10 */
 background-image: -o-linear-gradient(top, #68be8d, #38b48b); /* Opera 11.10+ */
 background-image: linear-gradient(top, #68be8d, #38b48b);
 }

 .sus a:active {
 background: #00a381;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#8fbc8f), to(#00a381)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #8fbc8f, #00a381); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #8fbc8f, #00a381); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #8fbc8f, #00a381); /* IE10 */
 background-image: -o-linear-gradient(top, #8fbc8f, #00a381); /* Opera 11.10+ */
 background-image: linear-gradient(top, #8fbc8f, #00a381);
 }

/**
 * PDF
 */
 .make-pdf a {
 /* 青 */
 color: #fff;
 text-shadow: 0 -1px 1px #666;
 border: 1px solid #708ce0;
 background: #4169e1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#769eed), to(#4169e1)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #769eed, #4169e1); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #769eed, #4169e1); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #769eed, #4169e1); /* IE10 */
 background-image: -o-linear-gradient(top, #769eed, #4169e1); /* Opera 11.10+ */
 background-image: linear-gradient(top, #769eed, #4169e1);
 }

 .make-pdf a:hover {
 background: #708ce0;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#a6bded), to(#708ce0)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #a6bded, #708ce0); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #a6bded, #708ce0); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #a6bded, #708ce0); /* IE10 */
 background-image: -o-linear-gradient(top, #a6bded, #708ce0); /* Opera 11.10+ */
 background-image: linear-gradient(top, #a6bded, #708ce0);
 }

 .make-pdf a:active {
 background: #4169e1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#769eed), to(#4169e1)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #769eed, #4169e1); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #769eed, #4169e1); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #769eed, #4169e1); /* IE10 */
 background-image: -o-linear-gradient(top, #769eed, #4169e1); /* Opera 11.10+ */
 background-image: linear-gradient(top, #769eed, #4169e1);
 }

 .make-pdf a {
 width: 7em;
 }


/**
 * 座標を取得
 */
 .get-location input, .add-article input {
 /* 青 */
 top: .2em;
 width: 11em;
 padding-top: .5em;
 padding-bottom: .5em;
 color: #fff;
 line-height: 1;
 text-shadow: 0 1px 1px #666;
 border: 1px solid #708ce0;
 background: #4169e1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#769eed), to(#4169e1)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #769eed, #4169e1); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #769eed, #4169e1); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #769eed, #4169e1); /* IE10 */
 background-image: -o-linear-gradient(top, #769eed, #4169e1); /* Opera 11.10+ */
 background-image: linear-gradient(top, #769eed, #4169e1);
 }

 .get-location input:hover, .add-article input:hover {
 background: #708ce0;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#a6bded), to(#708ce0)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #a6bded, #708ce0); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #a6bded, #708ce0); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #a6bded, #708ce0); /* IE10 */
 background-image: -o-linear-gradient(top, #a6bded, #708ce0); /* Opera 11.10+ */
 background-image: linear-gradient(top, #a6bded, #708ce0);
 }

 .get-location input:active, .add-article input:active {
 background: #4169e1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#769eed), to(#4169e1)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #769eed, #4169e1); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #769eed, #4169e1); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #769eed, #4169e1); /* IE10 */
 background-image: -o-linear-gradient(top, #769eed, #4169e1); /* Opera 11.10+ */
 background-image: linear-gradient(top, #769eed, #4169e1);
 }

.button-right {
 margin-top: 1em;
 text-align: right;
}

 .button-right .button {
 margin: 0 0 0 auto;
 width: 11em;
 }

/**
 * ページ
 */
.page {
 font-size: .875rem;
 margin-bottom: .5em;
 text-align: center;
}

 .page::after {
 display: block;
 clear: both;
 height: 0px;
 visibility: hidden;
 content: ".";
 }

.page-left {
 float: left;
 text-align: left;
 line-height: 2.2;
}

 .page-left i {
 margin-left: 1em;
 }

 .page-left select {
 margin-left: .4em;
 padding: 0;
 border-color: #999;
 background-color: #feecd2;
 }

.page-right {
 float: right;
 text-align: right;
 line-height: 2.2;
}

 .page ul {
 display: inline-block;
 color: #999;
 }

 .page li {
 display: inline-block;
 margin: 0 .1em;
 }

 .page i {
 text-decoration: none;
 font-style: normal;
 }

 .page .listup a, .page .listup b {
 display: inline-block;
 border: 1px solid #ddd;
 width: 1.6em;
 font-size: 1em;
 font-family: arial;
 text-align: center;
 line-height: 1.3;
 }

 .page .listup a {
 text-decoration: none;
 }

 .page .listup a:hover, .page .listup a:active {
 background-color: #ffffcc;
 }

 .page .listup b {
 background-color: #ffa500;
 color: #fff;
 font-weight: normal;
 font-style: normal;
 }

 .page .next, .page .back {
 padding: 0;
 font-size: 1em;
 }

 .page .next {
 padding-left: .2em;
 }

 .next i {
 margin-left: .3em;
 }

 .page .back {
 padding-right: .2em;
 }

 .back i {
 margin-right: .3em;
 }

/**
 * 並び順
 */
.order select {
 position: relative;
 z-index: 10;
 border: 1px solid #ccc;
 padding-right: 1em;
}

.order i {
 position: relative;
 z-index: 5;
 margin-left: -1em;
}

/**
 * 一覧 表のデザイン
 */
.list {
 width: 100%;
 background-color: #fff;
 border: solid 1px #ddd;
 margin-bottom: 1em;
}

.list th, .list td {
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 padding: .6em .5em .2em;
 vertical-align: top;
/*
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
*/
}

.list th {
 color: #fff;
 background-color: #6b6f59;
 font-weight: normal;
 text-align: center;
}

 .list th a {
 color: #fff;
 }

.list td {
 text-align: left;
 /* 禁則処理 */
 word-break: normal;
 word-wrap: break-word;
 overflow-wrap: break-word;
}

 .list th.left, .list td.left {
 text-align: left;
 }

 .list th.center, .list td.center {
 text-align: center;
 }

 .list th.right, .list td.right {
 text-align: right;
 }

/**
 * オーバーしたテキストを隠す
 */
.list .hide-over {
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}

 .list .hide-over br {
 display: none;
 }

/**
 * 編集ボタン
 */
ul.edit {
 height: 1em;
 margin-top: -.1em;
}

 ul.edit::after {
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
 content: ".";
 }

 ul.edit li {
 float: left;
 text-align: center;
 list-style: none;
 }

.list .edit1,
.list .edit2,
.list .edit1-pdf,
.list .edit1-add,
.list .edit2-wide,
.list .edit3,
.list .edit4,
.list .status {
 padding-left: .2em;
 padding-right: 0;
}

.list .edit1 {
 min-width: 5.4em;
 width: 5.4em;
}
 .list .edit1 li { width: 100%; }

.list .edit2 {
 min-width: 8.6em;
 width: 8.6em;
}

.list .edit2-wide {
 min-width: 9.8em;
 width: 9.8em;
}

 .list .edit2 li, .list .edit2-wide li {
 width: 50%;
 }

.list .edit1-pdf {
 min-width: 6.8em;
 width: 6.8em;
}

 .list .edit1-pdf li {
 width: 100%;
 }

.list .edit1-add, .list .status {
 min-width: 7.7em;
 width: 7.7em;
 text-align: center;
}

 .list .edit1-add li, .list .status li {
 width: 100%;
 }

.list .edit3 {
 min-width: 11em;
 width: 11em;
}

 .list .edit3 li {
 width: 33%;
 }

.list .edit4 {
 min-width: 16em;
 width: 16em;
}

 .list .edit4 li {
 width: 25%;
 }

.list .last {
 display: none;
}

i.fa-file-o {
 margin-right: .2em;
}

/**
 * 行背景色
 */
.line-zebra tr:nth-child(2n+1) {
 background-color: #fff;
}

.line-zebra tr:nth-child(2n+0), .line {
 background-color: #ecead8;
}

.line-main {
 background-color: #ffffcc;
}

/**
 * 複合行
 */
table.complex {
 border-bottom: 3px solid #696969;
}

 .complex .line-main {
 border-top: 3px solid #696969;
 }

 .complex .line-main:first-child {
 border-top: none;
 }

/**
 * 日時
 */
.list th.date, .list td.date {
 width: 10em;
 text-align: center;
}

.list th.datetime, .list td.datetime {
 width: 10em;
 text-align: center;
}

/**
 * 時間
 */
.list th.time, .list td.time,
.list th.dt, .list td.dt {
 width: 6em;
 text-align: center;
}

.list .publish, .list .subject {
 width: 16em;
}

.list th.lasttime, .list td.lasttime {
 width: 15em;
 text-align: center;
}

/**
 * チェック
 */
.list th.check, .list td.check {
 width: 3em;
 text-align: center;
 padding-left: 0;
 padding-right: 0;
}

.list th.list-check-print, .list td.list-check {
 width: 2em;
 text-align: center;
 padding-left: 0;
 padding-right: 0;
}

/**
 * アイコン
 */
.list th.icon, .list td.icon {
 width: 3em;
 text-align: center;
 padding-left: 0;
 padding-right: 0;
}

/**
 * ショート、ステータス、区分
 */
.list th.short, .list td.short,
.list th.status, .list td.status,
.list th.kind, .list td.kind {
 width: 8em;
 text-align: center;
}

/**
 * データ
 */
.list th.data, .list td.data {
 width: 16em;
}

/**
 * カテゴリー
 */
.list th.category, .list td.category {
 width: 14em;
}

/**
 * ナンバー
 */
.list .number {
 min-width: 8em;
 width: 8em;
}

 .list td.number {
 text-align: right;
 }

/**
 * カウント、ソート
 */
.list th.count, .list td.count,
.list th.sort, .list td.sort {
 width: 5em;
}

.list td.number {
 text-align: center;
}

.list td.count,
.list td.sort {
 text-align: right;
}

.list th.image, .list td.image {
 width: 8em;
 text-align: center;
 padding-left: 0;
 padding-right: 0;
}

.list td.image {
 padding-top: 0;
}

/**
 * ポップアップ
 */
#popup-bg {
 display: none;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 90;
 background-color: #000;
 filter: alpha(opacity=50);
 -moz-opacity: .5;
 opacity: .5;
}

#popup {
 position: absolute;
 display: none;
 background-color: #fff;
 border: 1px solid #aaa;
 max-width: 40em;
 min-width: 20em;
 min-height: 12em;
 z-index: 100;
 overflow: hidden;
 padding-bottom: 10px;
}

#popup #title {
 position: relative;
 background-color: #000;
 color: #fff;
 cursor: move;
 text-align: center;
 height: 40px;
 line-height: 40px;
 margin-bottom: 10px;
}

#popup #close {
 position: absolute;
 right: .5em;
 top: .5em;
 text-align: center;
 cursor: pointer;
 z-index: 110;
 padding: 0 .5em;
 line-heigh: 2;
 background-color: #fff;
 border: 1px solid #aaa;
 color: #ff0000;
 /* 角 (corner) */
 -moz-border-radius: .2em;
 -webkit-border-radius:.2em;
 -o-border-radius: .2em;
 -ms-border-radius: .2em;
 border-radius: .2em;
}

#popup #body {
 clear: both;
 display: block;
 width: 100%;
 background-color: #fff;
 box-shadow: none;
 min-height: 10em;
 line-height: 1.5;
}

/**
 * フォーム
 */
#popup .form {
 border: none;
 margin: 1em 2em 0;
}

 #popup li {
 margin-bottom: .5em;
 }

 #popup .button {
 width: 6em;
 margin: 1em auto 0;
 }

 #popup th {
 text-align: left;
 }

 #popup .radio {
 display: block;
 float: left;
 }

/**
 * アラート
 */
#all #popup .alert-title {
 background-color: #d60e4c;
}

#popup #alert {
 text-align: center;
}

#popup #alert p {
 margin: 2em 1em;
}

#popup #alert .btn {
 padding-bottom: 1em;
}

/**
 * 矢印
 */
.arrow-right, .arrow-up {
 display: none;
 width: 100%;
 height: 1px;
 margin-bottom: 0;
 position: relative;
}

 .arrow-right i {
 display: block;
 position: absolute;
 z-index: 10;
 }

 .arrow-right i {
 top: .1em;
 right: 0;
 }

 .arrow-head i {
 top: -.8em;
 }

 .arrow-foot i {
 top: .1em;
 }

/**
 * 検索ボックス
 */
.search-box {
 margin-bottom: 1em;
 padding: .5em 1em;
 text-align: left;
 /* ホワイト */
 border: 1px solid #aaa;
 background: #fff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */
 background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */
 background-image: linear-gradient(top, #eee, #fff);
 /* 角 (corner) */
 border-radius: .3em;
}

 .search-box::after {
 content: "";
 display: table;
 clear: both;
 }

.search-box h2 {
 float: left;
 text-align: left;
 font-size: 1rem;
 width: 18em;
 margin-top: .5em;
}

.search-box dl {
 float: left;
 display: table;
 min-width: 10em;
 height: 2.4em;
 margin-bottom: .2em;
}

.search-box dt, .search-box dd {
 display: table-cell;
 text-align: left;
 font-size: 1rem;
 vertical-align: top;
}

 .search-box dt {
 font-weight: bold;
 white-space: nowrap;
 text-align: right;
 padding-top: .1em;
 }

 .search-box dd {
 padding-left: 1em;
 padding-right: 2em;
 }

 .search-box dd li {
 white-space: nowrap;
 }

 .search-box input[type="text"] {
 font-size: .9375rem;
 }

.search-box ul.search-button {
 float: right;
 display: table;
 table-layout: fixed;
 width: 11em;
 margin-left: 1em;
 margin-bottom: 1em;
}

.search-box ul.search-button li {
 display: table-cell;
 height: 2em;
}

 .search-box ul.search-button li.reset {
 width: 6em;
 }

 .search-box dl ul {
 float: left;
 display: block;
 width: auto;
 }

 .search-box dl ul li {
 display: inline;
 height: auto;
 }

.search-box .search input {
 padding-top: .3em;
 padding-bottom: .3em;
 line-height: 1.2;
 /* オレンジ */
 color: #fff;
 text-shadow: 0 -1px 1px #222;
 border: 1px solid #ff7c66;
 background: #eb5c00;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8e66), to(#eb5c00)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ff8e66, #eb5c00); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ff8e66, #eb5c00); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ff8e66, #eb5c00); /* IE10 */
 background-image: -o-linear-gradient(top, #ff8e66, #eb5c00); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ff8e66, #eb5c00);
}

.search-box .search input:hover {
 background: #ff7c66;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa17f), to(#ff7c66)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ffa17f, #ff7c66); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ffa17f, #ff7c66); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ffa17f, #ff7c66); /* IE10 */
 background-image: -o-linear-gradient(top, #ffa17f, #ff7c66); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ffa17f, #ff7c66);
}

.search-box .search input:active {
 background: #eb5c00;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8e66), to(#eb5c00)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ff8e66, #eb5c00); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ff8e66, #eb5c00); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ff8e66, #eb5c00); /* IE10 */
 background-image: -o-linear-gradient(top, #ff8e66, #eb5c00); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ff8e66, #eb5c00);
}

.search-box .reset input {
 font-size: .75em;
 top: .15em;
 width: 7em;
}

/**
 * 入力画面検索ボタン
 */
.search .button input[type=button] {
 margin-top: .8em;
}

/**
 * 検索項目選択表示
 */
.search-box dd {
 position: relative;
}

.select-list {
 position: absolute;
 z-index: 100;
 background-color: #fff;
 top: 2.2em;
 left: 1em;
 cursor: pointer;
 min-width: 150px;
}

.select-list .select-item {
 display: block;
 padding: .5em 1em;
 border-bottom: 1px dotted #ddd;
}

/**
 * 検索チップ
 */
.search .btn {
 border: 1px solid #ccc;
 border-radius: .3em;
 background-color: #f5f5f5;
}

tr.select-search-box td {
 background-color: #FEECD2;
}

tr.select-search-box td.search {
 padding-top: .2em;
}

/* 掲載期日前 */
table.list tbody .date-wait, .color-guide .date-wait {
 background-color: #f0e68c;
}

/* 掲載終了 */
table.list tbody .date-close, .color-guide .date-close {
 background-color: #a9a9a9;
}

/* 保留 */
table.list tbody .publish-false, table.list tbody .display-false, .color-guide .publish-false, .color-guide .display-false {
 background-color: #8fbc8f;
}

/**
 * 掲載カラー説明
 */
.color-guide {
 padding-top: 4px;
 float: left;
}

 .color-guide li {
 float: left;
 margin-right: 20px;
 }

 .color-guide li span {
 padding: 0 12px;
 margin-right: 6px;
 }

/**
 * ガイド
 */
.guide {
 margin-top: .1em;
 margin-bottom: .1em;
}

 .guide::after {
 display: block;
 clear: both;
 height: 0px;
 visibility: hidden;
 content: ".";
 }

.guide-left {
 float: left;
}

ul.guide-right {
 float: right;
 display: table;
}

 ul.guide-right li {
 display: table-cell;
 }

 ul.guide-right li.csv-upload, ul.guide-right li.csv-download {
 width: 10em;
 }

/**
 * ナビ
 */
.navi {
 text-align: left;
}

nav .navi {
 padding-top: 1em;
 padding-bottom: 1em;
}

 .navi li a {
 font-size: 1.25em;
 }

 .navi li i {
 margin-right: .2em;
 }

/**
 * 編集
 */
#edit .number {
 margin-top: 1em;
}

#note {
 margin-bottom: .5em;
}

/**
 * ファイル
 */
.file .file-size {
 font-size: .8125em;
 margin-left: .5em;
}

.file .file-type {
 font-size: 1.5em;
 margin-left: .1em;
}

.file-pdf {
 color: #ff0000;
}

.file-image {
 color: #0000ff;
}

.file-doc {
 color: #1e90ff;
}

.file-xls {
 color: #008000;
}

.file-ppt {
 color: #ff0000;
}

/**
 * ファイル アップロード
 */
input[type="file"] {
 border: none;
 line-height: 1.1;
 -moz-appearance: none;
 appearance: none;
 filter: alpha(opacity=0);
 -moz-opacity: 0;
 opacity: 0;
 margin: 0;
 padding: 0;
}

label.file {
 display: block;
 width: 100%;
 height: 7em;
 cursor: pointer;
 position: relative;
 background-color: #fff;
 padding: 0;
 margin: 0 0 .2em;
 font-size: 1em;
 border: 1px solid #eee;
 line-height: 1.1;
 /* 影 (shadow) */
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 -o-box-shadow: none;
 -ms-box-shadow: none;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
}

 label.file em {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 7em;
 z-index: 1;
 color: #999;
 font-weight: normal;
 text-align: left;
 vertical-align: middle;
 white-space: pre-wrap;
 line-height: 2;
 padding: 1.5em 1.5em 0;
 }

 label.file .loading {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 95%;
 height: 6em;
 margin: .5em;
 z-index: 2;
 text-align: center;
 line-height: 7em;
 background-color: #fff;
 border: none;
 }

 label.file .loading i {
 margin-top: .2em;
 font-size: 3em;
 }

.file-delete_on, .file-delete_off {
 display: block;
 padding-top: .25em !important;
 background-color: #fff;
}

.file-delete_off {
 display: none;
}

.file-delete_on .box b.file-photo, .file-delete_off .box b.file-photo {
 width: 10em;
}

.upload-file td, .upload-image td {
 position: relative;
}

.upload-file .loading, .upload-image .loading {
 display: block;
 position: absolute;
 top: .5em;
 left: 1em;
 padding: .2em .4em;
 z-index: 9999;
 font-weight: bold;
 background-color: #fff;
 border: 1px solid #ccc;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
}

.upload-image td input[type="text"] {
 margin-top: .6em;
}

/**
 * ファイル ボックス
 */
.file-box {
 display: block;
}

.upload-file td input[type="file"] {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
 width: 100%;
 height: 7em;
}

 .file-box b {
 display: block;
 }

 .file-box b.file-data {
 width: 80%;
 height: 2.5em;
 line-height: 1.1;
 padding: 1em .5em .5em;
 word-break: break-all;
 }

 .file-box b.file-name {
 display: block;
 margin-top: .2em;
 padding: 0 .5em;
 }

 .file-box b.file-name input {
 width: 100%;
 }

 .file-box b.file-delete {
 position: absolute;
 top: 1em;
 right: 1em;
 width: 4em;
 z-index: 5;
 }

 .file-box b.file-delete a {
 top: 0;
 left: 0;
 }

.upload-file td input[type="text"] {
 margin-top: 1em;
}

.upload-file .file-upload {
 width: 32em;
}

/**
 * ファイルがアップされている時
 */
.upload-file .file-box b.file-name {
 margin-top: -.8em;
 padding: 0;
}

@media screen and (max-width: 30em) {
 .file-box b.file-data {
 width: 100%;
 height: 3.5em;
 padding-top: 1.8em;
 }
}

/**
 * ボックス
 */
.box {
 display: table;
 table-layout: fixed;
 width: 100%;
 margin-bottom: .2em;
}

.upload-image input[type="file"], .upload-file input[type="file"] {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
 width: 100%;
 height: 7rem;
}

 .box b {
 display: table-cell;
 vertical-align: bottom;
 }

 .box b.label {
 width: 3.5em;
 padding-left: 1em;
 }

 .box b.file-photo {
 width: 20em;
 padding-left: 1em;
 padding-right: 1em;
 text-align: center;
 }

 .box b.file-name {
 width: 100%;
 }

 .box b.file-name input {
 width: 100%;
 }

 .box b.file-delete {
 display: block;
 float: right;
 width: 4em;
 }

 .box b.file-delete a {
 top: .2em;
 left: .2em;
 }

/**
 * フォーム
 */
 #form h2 {
 margin-bottom: .5em;
 }

 #form #note {
 margin-bottom: 1em;
 }

.form {
 width: 100%;
 border: solid 1px #ddd;
}

.continue {
 margin-bottom: 2em;
}

 .form th, .form td {
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 padding: .8em;
 text-align: left;
 vertical-align: middle;
 line-height: 1.5;
 /* 禁則処理 */
 word-break: normal;
 word-wrap: break-word;
 overflow-wrap: break-word;
 }

 .form th {
 background-color: #eae5d1;
 font-size: 1rem;
 }

 .form td {
 position: relative;
 font-size: 1rem;
 }

 fieldset .form td {
 font-size: 1rem;
 }

 .form td input[type="text"],
 .form td input[type="password"],
 .form td input[type="email"],
 .form td input[type="tel"],
 .form td textarea,
 .form td select {
 font-size: 1rem;
 }

 .form th p, .form td p {
 margin-top: .2em;
 margin-bottom: .2em;
 }

 .form th p.top, .form td p.top {
 margin-top: 0;
 }

 .form th p.bottom, .form td p.bottom {
 margin-bottom: 0;
 }

 .form th h2, .form td h2, .form th h3, .form td h3, .form th h4, .form td h4 {
 font-size: 1rem;
 }

label {
 display: inline-block;
 padding: .1em;
 margin-right: 1em;
 font-size: 1rem;
 white-space: nowrap;
}

li label {
 font-size: 1rem;
 padding: .1em;
 margin-bottom: .1em;
}

 li label:last-child {
 margin-bottom: none;
 }

.form span {
 display: inline-block;
 white-space: nowrap;
}

 .form span.label {
 width: 5em;
 }

 .form li {
 list-style: none;
 }

 .form li img {
 vertical-align: top;
 }

 .form b {
 font-weight: bold;
 white-space: nowrap;
 }

 fieldset .form b {
 font-weight: normal;
 }

 .form b img {
 vertical-align: top;
 }

 .form em {
 white-space: nowrap;
 color: #ff0000;
 }

 .form em.note {
 display: block;
 line-height: 1.2;
 }

.form-list {
 width: 100%;
 margin-bottom: 1em;
 background-color: #fff;
 border-top: solid 1px #ddd;
 border-left: solid 1px #ddd;
}

.form-list th, .form-list td {
 border-right: solid 1px #ddd;
 border-bottom: solid 1px #ddd;
 padding: .2em .4em;
}

.form-list th {
 background-color: #ffe6ee;
 font-size: 1rem;
}

.form-list .item {
 width: 20em;
}

.form-list .part {
 width: 10em;
}

.form-list .select {
 width: 10em;
}

/**
 * 文字数カウント
 */
.form em.count {
 display: block;
 position: absolute;
 top: .2em;
 right: .8em;
 font-size: .75em;
 font-weight: normal;
 color: #666;
}

.form em.caution {
 color: #ff0000;
}

/**
 * 編集
 */
#edit {
 width: 100%;
}

 table.form th {
 width: 22%;
 height: 3em;
 padding-left: .8em;
 }

 #edit h2 {
 text-align: left;
 }

 #edit p {
 text-align: left;
 }

 #edit #note {
 margin-bottom: 1em;
 }

 table.form td div.cell {
 clear: both;
 padding-top: .4em;
 }

/**
 * 完了
 */
#complete {
 margin-bottom: 2em;
 background-color: #f3f3f2;
 border: 1px solid #ccc;
 padding: 1em 1.5em;
 border-radius: .5em;
}

 #complete h2 {
 margin-bottom: 1em;
 color: #ff0000;
 }

 #complete p {
 font-size: 1rem;
 }

/**
 * 記述
 */
#edit .article {
 margin-top: 1em;
 margin-bottom: .2em;
}

 #edit .article .number {
 float: left;
 }

 #edit .article .buttons {
 float: right;
 width: 10em;
 }

 #edit .article .buttons p {
 float: left;
 margin-left: 10px;
 }

/**
 * 次の項目へ 一覧へ戻る
 */
.next-button {
 float: right;
}

 .next-button::after {
 display: block;
 clear: both;
 height: 0px;
 visibility: hidden;
 content: ".";
 }

 .next-button li {
 margin-bottom: .2em;
 padding-left: 1em;
 color: #6699ff;
 text-align: left;
 line-height: 2.0;
 list-style: none;
 white-space: nowrap;
 }

 .next-button i {
 margin-right: .2em;
 color: #9acd32;
 }

.back-button {
 margin-bottom: 1em;
}

 .back-button i {
 margin-right: .2em;
 color: #9acd32;
 }

/**
 * 必須
 */
tr.required th {
 background-image: url("/common/img/required.png");
 background-position: 97.5% 50%;
 background-repeat: no-repeat;
}

i.required {
 display: inline-block;
 line-height: 1;
 background-image: url("/common/img/required.png");
 width: 32px;
 height: 16px;
}

/**
 * グーグルマップ
 */
#google-map {
 border: 1px solid #ccc;
 width: 100%;
 height: 25em;
}

 #google-map img {
 /* レスポンシブデザインでグーグルマップのコントローラーが表示されない不具合を解消する */
 max-width: none;
 }

 .get-location {
 width: 10em;
 margin-right: 0;
 margin-left: auto;
 }

/**
 * Datepicker
 */
.ui-datepicker .ui-datepicker-title {
 font-weight: normal;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
 margin-right: .6em;
 width: 4em;
 border: 1px solid #fff;
 line-height: 1.3;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
 margin-left: .3em;
 width: 4em;
 border: 1px solid #fff;
 line-height: 1.3;
}

/**
 * フォーム画面
 */
.form-box {
 max-width: 40em;
 max-height: 60em;
 margin: 1em auto;
 padding: 1.5em;
 background-color: #fff;
 border: 1px solid #ccc;
 text-align: center;
 line-height: 1.5;
 /* 角 (corner) */
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;
 -o-border-radius: .5em;
 -ms-border-radius: .5em;
 border-radius: .5em;
}

 .form-box h1 {
 font-size: 1.5rem;
 margin-bottom: 1em;
 }

 .form-box h2 {
 margin-bottom: .5em;
 }

/**
 * フォーム メッセージ
 */
#form-notice {
 position: absolute;
 left: 0;
 top: -1em;
 width: 100%;
 padding: 0 1em;
}

#form-notice .message {
 max-width: 40em;
 margin: 0 auto;
 padding: .5em 2em;
 border: 1px solid #ff0000;
 background-color: #fef4f4;
 color: #ff0000;
 font-size: 1em;
 text-align: left;
 line-height: 1.3;
 filter: alpha(opacity=90);
 -moz-opacity: .9;
 opacity: .9;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
}

/**
 * フォーム入力画面
 */
.form-box #note {
 text-align: left;
 font-size: 1.25em;
 margin-bottom: 2em;
}

.form-box dl {
 padding-bottom: .6em;
 line-height: 1.5;
}

 .form-box dt {
 margin-bottom: .2em;
 font-size: 1.25em;
 font-weight: bold;
 text-align: left;
 }

 .form-box dd {
 margin-bottom: 1em;
 text-align: right;
 }

 .form-box dd input {
 font-size: 1.5em;
 font-weight: bold;
 text-shadow: 0 1px 1px #fff;
 width: 90%;
 text-align: left;
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
 }

 .form-box dd input.full {
 width: 100%;
 }

/**
 * ログイン フォーム
 */
#login article {
 position: relative;
}

/**
 * 送信ボタン
 */
.submit {
 text-align: center;
}

.add-button p {
 margin-left: 0;
 margin-right: auto;
}

/**
 * 注意事項 例
 */
.note {
 line-height: 2.0;
}

em.note {
 display: block;
 font-style: normal;
}

span.note, b.note {
 margin-left: .5em;
}

p.note {
 margin-top: .2em;
}

/**
 * 年月日
 * チェックリスト
 */
span.date, span.checklist {
 display: inline-block;
 white-space: nowrap;
}

b.year, .month, b.day {
 margin-left: .2em;
}

b.year, b.month {
 margin-right: .4em;
}

/**
 * キャプション
 */
.filename, .caption {
 clear: both;
 padding-top: .3em;
}

/**
 * 送信ボタン
 */
.submit {
 position: relative;
 z-index: inherit;
 zoom: 1; /* For IE6 */
 width: 10em;
 height: 2em;
 margin-left: auto;
 margin-right: 0;
 margin-bottom: .5em;
}

 .submit input, .submit a {
 dispaly: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 10em;
 padding: .6em 0;
 line-height: 1.1;
 cursor: pointer;
 /* ホワイト */
 border: 1px solid #ccc;
 color: #333;
 font-weight: bold;
 font-size: 1em;
 text-align: center;
 text-decoration: none;
 letter-spacing: .1em;
 padding-left: .1em;
 background: #fff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #fff, #fff); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #fff, #fff); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #fff, #fff); /* IE10 */
 background-image: -o-linear-gradient(top, #fff, #fff); /* Opera 11.10+ */
 background-image: linear-gradient(top, #fff, #fff);
 /* 角 (corner) */
 -moz-border-radius: .4em;
 -webkit-border-radius: .4em;
 -o-border-radius: .4em;
 -ms-border-radius: .4em;
 border-radius: .4em;
 }

 .submit input:hover, .submit a:hover {
 background: #fff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffffcc)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #fff, #ffffcc); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #fff, #ffffcc); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #fff, #ffffcc); /* IE10 */
 background-image: -o-linear-gradient(top, #fff, #ffffcc); /* Opera 11.10+ */
 background-image: linear-gradient(top, #fff, #ffffcc);
 }

 .submit input:active, .submit a:active {
 top: .1em;
 left: .1em;
 background: #fff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #fff, #fff); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #fff, #fff); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #fff, #fff); /* IE10 */
 background-image: -o-linear-gradient(top, #fff, #fff); /* Opera 11.10+ */
 background-image: linear-gradient(top, #fff, #fff);
 }

/**
 * 送信ボタン
 */
.submit-button {
 width: 100%;
 padding: .8em 0;
}

 .submit-button:after {
 display: block;
 clear: both;
 height: 0px;
 visibility: hidden;
 content: ".";
 }

.submit-left, .submit-right {
 float: left;
 text-align: left;
 width: 50%;
}

 .submit-left .submit {
 margin-left: 0;
 margin-right: auto;
 }

 .submit-right .submit {
 margin-left: auto;
 margin-right: 0;
 }

.edit-back {
 width: 8em;
}

 .edit-back input, .edit-back a {
 width: 6em;
 font-size: 1em;
 /* 灰色 */
 border: 1px solid #bbb;
 background: #ddd;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ddd, #bbb); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ddd, #bbb); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ddd, #bbb); /* IE10 */
 background-image: -o-linear-gradient(top, #ddd, #bbb); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ddd, #bbb);
 }

 .edit-back input:hover, .edit-back a:hover {
 background: #fff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #fff, #ccc); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #fff, #ccc); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #fff, #ccc); /* IE10 */
 background-image: -o-linear-gradient(top, #fff, #ccc); /* Opera 11.10+ */
 background-image: linear-gradient(top, #fff, #ccc);
 }

 .edit-back input:active, .edit-back a:active {
 background: #ddd;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ddd, #bbb); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ddd, #bbb); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ddd, #bbb); /* IE10 */
 background-image: -o-linear-gradient(top, #ddd, #bbb); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ddd, #bbb);
 }

/**
 * 編集
 */
 .edit-submit input, .edit-submit a {
 /* 青 */
 color: #fff;
 text-shadow: 0 -1px 1px #666;
 border: 1px solid #708ce0;
 background: #4169e1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#769eed), to(#4169e1)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #769eed, #4169e1); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #769eed, #4169e1); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #769eed, #4169e1); /* IE10 */
 background-image: -o-linear-gradient(top, #769eed, #4169e1); /* Opera 11.10+ */
 background-image: linear-gradient(top, #769eed, #4169e1);
 }

 .edit-submit input:hover, .edit-submit a:hover {
 background: #708ce0;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#a6bded), to(#708ce0)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #a6bded, #708ce0); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #a6bded, #708ce0); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #a6bded, #708ce0); /* IE10 */
 background-image: -o-linear-gradient(top, #a6bded, #708ce0); /* Opera 11.10+ */
 background-image: linear-gradient(top, #a6bded, #708ce0);
 }

 .edit-submit input:active, .edit-submit a:active {
 background: #4169e1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#769eed), to(#4169e1)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #769eed, #4169e1); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #769eed, #4169e1); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #769eed, #4169e1); /* IE10 */
 background-image: -o-linear-gradient(top, #769eed, #4169e1); /* Opera 11.10+ */
 background-image: linear-gradient(top, #769eed, #4169e1);
 }

/**
 * 削除
 */
 .edit-delete input, .edit-delete a {
 /* 赤 */
 color: #fff;
 text-shadow: 0 -1px 1px #666;
 border: 1px solid #ff7c66;
 background: #ff4500;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8e66), to(#ff4500)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ff8e66, #ff4500); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ff8e66, #ff4500); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ff8e66, #ff4500); /* IE10 */
 background-image: -o-linear-gradient(top, #ff8e66, #ff4500); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ff8e66, #ff4500);
 }

 .edit-delete input:hover, .edit-delete a:hover {
 background: #ff7c66;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa17f), to(#ff7c66)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ffa17f, #ff7c66); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ffa17f, #ff7c66); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ffa17f, #ff7c66); /* IE10 */
 background-image: -o-linear-gradient(top, #ffa17f, #ff7c66); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ffa17f, #ff7c66);
 }

 .edit-delete input:active, .edit-delete a:active {
 background: #ff4500;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8e66), to(#ff4500)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ff8e66, #ff4500); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ff8e66, #ff4500); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ff8e66, #ff4500); /* IE10 */
 background-image: -o-linear-gradient(top, #ff8e66, #ff4500); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ff8e66, #ff4500);
 }

/**
 * フォーム送信
 */
.form-submit {
 position: relative;
 z-index: inherit;
 zoom: 1; /* For IE6 */
 width: 100%;
 height: 3em;
}

 .form-submit input {
 position: absolute;
 top: 0;
 right: 2px;
 padding: .5em 1em .5em 1.2em;
 cursor: pointer;
 line-height: 1.1;
 /* ホワイト */
 border: 1px solid #aaa;
 background: #fff;
 color: #333;
 font-weight: bold;
 font-size: 1em;
 letter-spacing: .2em;
 text-shadow: 0 -1px 1px #fff;
 text-decoration: none;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #fff, #fff); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #fff, #fff); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #fff, #fff); /* IE10 */
 background-image: -o-linear-gradient(top, #fff, #fff); /* Opera 11.10+ */
 background-image: linear-gradient(top, #fff, #fff);
 /* 角 (corner) */
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
 /* 影 (shadow) */
 -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
 -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
 -o-box-shadow: 0 0 3px rgba(0,0,0,.3);
 -ms-box-shadow: 0 0 3px rgba(0,0,0,.3);
 box-shadow: 0 0 3px rgba(0,0,0,.3);
 }

 .form-submit input:hover {
 background: #fff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ddd, #fff); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ddd, #fff); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ddd, #fff); /* IE10 */
 background-image: -o-linear-gradient(top, #ddd, #fff); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ddd, #fff);
 }

 .form-submit input:active {
 top: 2px;
 right: 0;
 background: #fff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #fff, #fff); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #fff, #fff); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #fff, #fff); /* IE10 */
 background-image: -o-linear-gradient(top, #fff, #fff); /* Opera 11.10+ */
 background-image: linear-gradient(top, #fff, #fff);
 }

/**
 * 追加ボタン
 */
.edit-add {
 width: 7em;
}

 .edit-add input, .edit-add a {
 width: 7em;
 font-size: .8em;
 font-weight: normal;
 /* 青 */
 color: #fff;
 text-shadow: 0 -1px 1px #666;
 border: 1px solid #708ce0;
 background: #4169e1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#769eed), to(#4169e1)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #769eed, #4169e1); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #769eed, #4169e1); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #769eed, #4169e1); /* IE10 */
 background-image: -o-linear-gradient(top, #769eed, #4169e1); /* Opera 11.10+ */
 background-image: linear-gradient(top, #769eed, #4169e1);
 }

 .edit-add input:hover, .edit-add a:hover {
 background: #708ce0;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#a6bded), to(#708ce0)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #a6bded, #708ce0); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #a6bded, #708ce0); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #a6bded, #708ce0); /* IE10 */
 background-image: -o-linear-gradient(top, #a6bded, #708ce0); /* Opera 11.10+ */
 background-image: linear-gradient(top, #a6bded, #708ce0);
 }

/**
 * 削除ボタン
 */
.edit-del {
 width: 100px;
}

 .edit-del input, .edit-del a {
 width: 7em;
 font-size: .8em;
 font-weight: normal;
 /* 赤 */
 color: #fff;
 text-shadow: 0 -1px 1px #666;
 border: 1px solid #ff7c66;
 background: #ff4500;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8e66), to(#ff4500)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ff8e66, #ff4500); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ff8e66, #ff4500); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ff8e66, #ff4500); /* IE10 */
 background-image: -o-linear-gradient(top, #ff8e66, #ff4500); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ff8e66, #ff4500);
 }

 .edit-del input:hover, .edit-del a:hover {
 background: #ff7c66;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa17f), to(#ff7c66)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ffa17f, #ff7c66); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ffa17f, #ff7c66); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ffa17f, #ff7c66); /* IE10 */
 background-image: -o-linear-gradient(top, #ffa17f, #ff7c66); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ffa17f, #ff7c66);
 }

/**
 * ソートボタン
 */
.edit-sort {
 width: 4em;
}

 .edit-sort input, .edit-sort a {
 width: 4em;
 font-weight: normal;
 font-size: .8em;
 }

/**
 * ボタン配置
 */
.edit-section h2, .edit-section h2 {
 float: left;
}

.edit-section .edit-buttons {
 float: right;
}

 .edit-section::after {
 content: "";
 display: table;
 clear: both;
 }

.edit-section .edit-buttons li {
 float: left;
}

/**
 * 入力チェック メッセージ
 */
.notice {
 position: relative;
 z-index: inherit;
 zoom: 1; /* For IE6 */
 margin: 0;
 padding: 0;
 color: #ff0000;
 text-align: left;
}

 .notice em {
 display: block;
 position: absolute;
 min-height: 1.4em;
 bottom: 0;
 left: 0;
 z-index: 10;
 padding: .2em 1em;
 background-color: #fff;
 border: 1px solid #ff0000;
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
 cursor: pointer;
 font-size: 1em;
 font-style: normal;
 line-height: 1.3;
 }

/**
 * 地図
 */
.form .map {
 /* border: 1px solid #ccc; */
 width: 100%;
 height: 30em;
 padding: 1em 2em;
}

.map h2, .map h3 {
 font-weight: normal;
 float: left;
 margin-top: .7em;
 padding-right: 2em;
}

.map p {
 min-height: 3em;
 overflow: hidden;
}

 .map p::after {
 content: "";
 display: table;
 clear: both;
 }

.map p b {
 display: block;
 float: left;
 margin-right: 1em;
 margin-bottom: .2em;
}

.map .google {
 border: #ddd;
 width: 100%;
 height: 24em;
}

ul.input-aux {
 position: absolute;
 top: .5em;
 right: 10em;
}

 ul.input-aux li {
 margin-bottom: .2em;
 }

.googlemap {
 border: 1px solid #ccc;
 width: 100%;
 height: 40em;
}

/**
 * アップロード（画像,ファイル）
 */
.image-input, .file-input {
 float: left;
 width: 240px;
 margin-top: .2em;
}

.image-input input, .file-input input {
 float: left;
 width: 100%;
}

.image-delete {
 padding-top: .5em;
 text-align: right;
 cursor: pointer;
}

.file-delete {
 float: left;
 cursor: pointer;
}

.image-delete_on, .file-delete_on {
 display: block;
}

.image-delete_off, .file-delete_off {
 display: none;
}

.image-display {
 float: left;
 border: 1px solid #999;
 width: 60px;
 height: 60px;
 text-align: center;
 margin-top: .3em;
 margin-left: 1em;
}

.file-display {
 float: left;
 text-align: left;
 margin-top: .3em;
 margin-left: 1em;
}

span.file_type {
 padding-left: .5em;
}

/**
 * ディスプレイ
 */
.display {
 width: 1000px;
 margin: 10px auto;
 padding: 10px;
 border: 1px solid #ddd;
 color: #666;
 font-size: 14px;
 background-color: #f0f0f0;
 font-family: "Noto Sans Japanese",serif;
}

/*
.display ul, .display ol {
 margin-left: 2em;
}

.display ul li, .display ol li {
 line-height: 1.5;
}

.display ul li {
 list-style-type: disc;
}

.display ol li {
 list-style-type: decimal;
}


.display b {
 font-weight: bold;
}

.display i {
 font-style: italic;
}

.display u {
 text-decoration: underline;
}

.display strike {
 text-decoration: line-through;
}
*/

/**
 * サイト全体
 */
html {
 /* font-size: 87.5% */
 /* font-size: 75%; */
 font-size: 81.25%;
}

a {
 color: #0066ff;
}

/**
 * ヘッダー
 */
header {
 overflow: hidden;
}

/**
 * ロゴ
 */
.logo {
 color: #333;
 text-shadow: 2px 2px 1px #fff,
 -2px 2px 1px #fff,
 2px -2px 1px #fff,
 -2px -2px 1px #fff;
 font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
 font-weight: normal;
 letter-spacing: .5em;
}

header #logo {
 float: left;
 height: 2.2em;
 margin-top: .2em;
 margin-left: .5em;
 font-size: 1.5rem;
}

header #logo img {
 width: 128px;
 margin-top: 6px;
}

/**
 * ステータス
 */
header #status {
 float: left;
 font-weight: normal;
 margin-top: 1em;
 padding-left: 1em;
}

 header h2 em {
 display: inline-block;
 margin-left: .2em;
 margin-bottom: .4em;
 color: #333;
 font-size: 1.25rem;
 font-weight: normal;
 font-style: normal;
 letter-spacing: .3em;
 /* text-shadow: 0px 1px 1px #aaa; */
 }

 header h2 b {
 display: inline-block;
 padding-left: .2em;
 padding-right: .2em;
 font-weight: normal;
 font-style: normal;
 }

/**
 * ログアウト
 */
header #logout {
 position: absolute;
 bottom: .7em;
 right: .7em;
 width: 6em;
}

 header #logout p {
 line-height: 1.5;
 white-space: nowrap;
 }

 header #logout a {
 font-size: 1em;
 width: 6em;
 height: 2em;
 line-height: 2;
 padding: 0 .6em;
 text-align: center;
 /* オレンジ */
 color: #fff;
 text-shadow: 0 1px 1px #666;
 border: 1px solid #ff7c66;
 background: #eb5c00;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8e66), to(#eb5c00)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ff8e66, #eb5c00); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ff8e66, #eb5c00); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ff8e66, #eb5c00); /* IE10 */
 background-image: -o-linear-gradient(top, #ff8e66, #eb5c00); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ff8e66, #eb5c00);
 }

 header #logout a:hover {
 background: #ff7c66;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa17f), to(#ff7c66)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ffa17f, #ff7c66); /* Chrome 10+, Saf5.1+ */
 background-image: -moz-linear-gradient(top, #ffa17f, #ff7c66); /* FF3.6 */
 background-image: -ms-linear-gradient(top, #ffa17f, #ff7c66); /* IE10 */
 background-image: -o-linear-gradient(top, #ffa17f, #ff7c66); /* Opera 11.10+ */
 background-image: linear-gradient(top, #ffa17f, #ff7c66);
 }


@media screen and (max-width: 40em) {
 #header-left h1, #header-left h2 {
 float: none;
 }

 header h1 {
 margin-bottom: 0;
 }

 header h2 {
 margin-top: .6em;
 margin-bottom: .4em;
 margin-left: .2em;
 }
}

/**
 * フッター
 */
address {
 margin-top: .6em;
 font-size: .75em;
 font-style: normal;
 text-align: center;
 letter-spacing: .05em;
 width: 110rem;
 height: 100%;
 margin: 0 auto;
 padding-top: .5em;
 border-top: 1px solid #fff;
 background-color: #6b6f59;
 color: #fff;
}

.benchmark {
 margin-top: .2em;
 font-size: .75em;
 text-align: center;
}

/**
 * コンテンツ
 */
#contents {
 display: table;
}

#menu {
 display: table-cell;
 min-width: 17em;
 width: 17em;
}

#body {
 display: table-cell;
 width: 100%;
 background-color: #f5f5f5;
 vertical-align: top;
}

#body h1 {
 border-left: 1em solid #ccc;
 padding-left: .5em;
 margin-bottom: 1em;
 line-height: 1;
}

 #contents h1 a {
 color: #000;
 }

 #contents h1 span {
 padding: 0 .7em;
 color: #666;
 font-size: .75em;
 }

#contents p {
 line-height: 1.5;
}

.alert {
 color: #ff0000;
}

.fa-file-pdf-o {
 color: #ff0000; /* PDF */
}

.disabled {
 color: #ccc !important;
}

.button .disabled {
 color: #888 !important;
}

/**
 * メニュー
 */
.menu {
 margin-bottom: .5em;
 padding: .5em 1em;
 font-size: .875rem;
}

.menu li {
 color: #fff;
 margin-left: 1em;
 list-style-type: square;
}

/**
 * ログイン
 */
#login {
 background: #e4004f url("/common/img/menu/logo.png") no-repeat center 3em;
}

#login .form-box {
 margin-top: 8.5em;
}

/**
 * インデックス
 */
.index {
 float: left;
 width: 28em;
 margin-right: .5em;
 margin-bottom: .5em;
 border: 1px solid #ccc;
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 -o-border-radius: .3em;
 -ms-border-radius: .3em;
 border-radius: .3em;
 background-color: #fff;
}

 .index h2, .index h3, .index p, .index ul, .index dl {
 padding: .5em 1em;
 }

 .index h2 {
 background-color: #f5f5f5;
 line-height: 2;
 margin-bottom: .5em;
 }

.index li {
 display: inline-block;
 white-space: nowrap;
}

 ul.pref li {
 width: 20%;
 }

.index dt {

}

.index dd {
 margin-left: 1em;
}

hr {
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
 content: ".";
}

/**
 * マニュアル
 */
ul.manual li {
 display: block;
 margin-left: 1em;
 margin-bottom: .5em;
}

 .index h3 {
 margin-top: .5em;
 }
/**
 * 詳細
 */
#detail {
 width: 100%;
}

.detail {
 font-size: 1rem;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 margin-bottom: 1em;
 width: 100%;
}

 .detail th, .detail td {
 padding: .2em .4em;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 height: 3em;
 vaertical-align: top;
 }

 .detail th {
 min-width: 20%;
 max-width: 25%;
 background-color: #ecf4d9;
 text-align: left;
 }

 .detail td {
 text-align: left;
 }

/**
 * 2カラム
 */
#detail1 {
 float: left;
 width: 50%;
}

#detail1 section {
 margin-bottom: 2em;
}

#detail2 {
 float: right;
 width: 50%;
 padding-left: 2em;
}

#detail2 .detail2 {
 background-color: #fff;
 height: 40em;
 overflow-y: scroll;
 margin-bottom: 2em;
}

#room-list th, #room-list td {
 width: 20%;
}



/**
 * タブ
 */
#tab {
 margin-bottom: 1em;
}

#tab li {
 display: inline-block;
 margin: 0 .2em;
 padding: .2em .5em;
 border: 1px solid #ccc;
 border-radius: .3em;
 background-color: #f5f5f5;
}

/**
 * 次回訪問予定
 */
.next-schedule {
 display: block;
 float: right;
 position: relative;
 border: 1px solid #ccc;
 border-radius: .3em;
 width: 22em;
 height: 5em;
 margin: 2em 3em 0 0;
 padding: 1em 0;
 text-align: center;
}

.next-label {
 display: block;
 position: absolute;
 z-index: 5;
 top: -.7em;
 left: 6em;
 width: 8em;
 background-color: #fff;
 text-align: center;
}

.next-date {
 font-size: 2em;
}

.next-flag {
 font-size: 1.5em;
 margin-left: 1em;
}
/**
 * フォーム
 */
.form {
 background-color: #fff;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 margin-bottom: 1em;
}

 .form th, .form td {
 padding: .2em .4em;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 }

 .form th {
 background-color: #ecf4d9;
 }

 .form td {
 text-align: left;
 }

 .form td div {
 margin-bottom: .2em;
 }

 .form td div:last-child {
 margin-bottom: 0;
 }

 .form .no-pad td {
 padding: 0;
 }

.form td h2, .form td h3 {
 margin-right: 1em;
}

td h3 label, td h4 label {
 font-size: 1rem;
}

div.checklist {
 margin-left: 1em;
}

/**
 * リスト表示
 */
ul.cols li, 
ul.cols2 li, ul.cols3 li, ul.cols4 li, 
ul.cols5 li, ul.cols6 li, ul.cols7 li {
 float: left;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 padding-right: 1em;
 margin: .2em 0;
}

ul.cols label, 
ul.cols2 label, ul.cols3 label, ul.cols4 label, 
ul.cols5 label, ul.cols6 label, ul.cols7 label {
 display: inline;
}

 ul.cols::after, 
 ul.cols2::after, ul.cols3::after, ul.cols4::after, 
 ul.cols5::after, ul.cols6::after, ul.cols7::after {
 content: "";
 display: table;
 clear: both;
 }

ul.cols2 li {
 width: 50%;
}

ul.cols3 li {
 width: 33.33%;
}

ul.cols4 li {
 width: 25%;
}

ul.cols5 li {
 width: 20%;
}

ul.cols6 li {
 width: 16.66%;
}

ul.cols7 li {
 width: 14.27%;
}

/**
 * 注意事項 コード
 */
.note .code {
 display: inline-block;
 border: 1px solid #ff0000;
 padding-left: .2em;
 letter-spacing: .2em;
}

/**
 * 日付
 */
.datepicker {
 width: 7em;
}

/**
 * 編集画面
 */
#edit-base, #edit-list {
 margin-bottom: 40px;
}

#edit-extend {
 margin-top: 40px;
}

/**
 * 画像アップロード
 */
table.form-extend th {
 width: auto;
}

table th.upload-image {
 width: 20%;
}

table td.upload-image {
 vertical-align: top;
 width: 20%;
}

/**
 * CSVアップロード結果
 */
table.result {
 background-color: #fff;
 border-top: 1px solid #333;
 border-left: 1px solid #333;
 margin-bottom: 1em;
}

 .result th, .result td {
 padding: .5em 1em;
 border-bottom: 1px solid #333;
 }

 .result th {
 width: 5em;
 text-align: justify;
 }

 .result td {
 min-width: 5em;
 text-align: right;
 border-right: 1px solid #333;
 }

 .error-list b {
 display: inline-block;
 width: 7em;
 margin-left: 1em;
 }

/**
 * 確認画面
 */
.display #news_content {
 float: none;
 margin: 0 auto 20px;
 width: 210px;
}

 .display #news_content .news_box {
 float: none;
 margin: 0;
 }

.display .news_content {
 margin-bottom: 0;
}

.display .blog_content {
 margin-bottom: 0;
}

i {
 font-style: normal;
}

i.ok {
 color: #0000ff;
}

i.ng {
 color: #ff0000;
}

/**
 * 色設定
 */
input, select, textarea,
label.file {
 border-color: #999;
}

address,
.list th {
 background-color: #d60e4c;
 color: #fff;
}

/**
 *
 */
.form th {
 background-color: #ffe6ee;
}

#contents h1 {
 border-color: #ffb3cb;
}

@charset "UTF-8";

header, footer {
 display: none;
}

#contents, #menu {
 height: 100%;
}

#body {
 padding: 1em 2em;
 box-shadow: 6px 0 6px -2px #ccc inset;
 padding-bottom: 20em;
}

/**
 * 画像
 */
.list td.image {
 text-align: left;
}

.image a {
 display: inline-block;
 margin: .2em;
}

.list td.image {
 min-width: 200px;
 max-width: 200px;
}

/**
 * テーブル文字大きさ
 */
th, td {
 font-size: 1.1rem;
}

td li {
 font-size: 1.1rem;
}

@charset "UTF-8";
/**
 * メニュー
 */
#menu {
 position: relative;
 background-color: #e4004f;
 color: #fff;
}

#menu-title {
 position: relative;
 background: url("/common/img/menu/logo.png") no-repeat 3.5em center;
 height: 5em;
 margin-bottom: .5em;
 text-indent: -9999px;
}

#menu-title .demo {
 display: block;
 position: absolute;
 z-index: 2;
 top: .6em;
 left: 8em;
 color: #fff;
 text-shadow: 1px 0px 0px #e4004f, 0px 1px 0px #e4004f, -1px 0px 0px #e4004f, 0px -1px 0px #e4004f;
 font-size: 1.5rem;
 text-indent: 0;
 transform: rotate( -10deg );
}

.menu {
 border-bottom: 1px solid #ddd;
 padding-top: 1em;
 padding-left: 4em;
 padding-bottom: 1em;
 line-height: 1.8;
 background-repeat: no-repeat;
 background-position: 1.1em 1.2em;
 background-size: 10%;
 font-size: .95rem;
}
 .menu:nth-child(1) { background-image: url("/common/img/menu/estate.png"); }
 .menu:nth-child(2) { background-image: url("/common/img/menu/staff.png"); }
 .menu:nth-child(3) { background-image: url("/common/img/menu/check.png"); }
 .menu:nth-child(4) { background-image: url("/common/img/menu/log.png"); }
 .menu:nth-child(5) { background-image: url("/common/img/menu/claim.png"); }
 .menu:nth-child(6) { background-image: url("/common/img/menu/setting.png"); }

.menu h2 {
 font-weight: normal;
 font-size: 1.15rem;
}

.menu:first-child {
 border-top: 1px solid #ddd;
}

#menu a {
 color: #fff;
}

/**
 * ログアウト
 */
#menu-login {
 margin-top: 1em;
 margin-bottom: 1em;
 text-align: center;
}

#menu-logout {
 margin: .5em 2em 1em;
 padding: 1em;
 border: 1px solid #ddd;
}

 #menu-logout a {
 display: block;
 width: 100%;
 height: 100%;
 }

#menu-inner {
 position: fixed;
 z-index: 3;
 width: 17em;
 height: 100%;
 left: 0;
 top: 0;
 overflow: scroll;
 background-color: #e4004f;
 color: #fff;
}

#hello-kirokun {

 z-index: 5;
 width: 17em;
 height: 12em;
 left: 0;
 bottom: 0;
 background: #eee url("/common/img/kirokun.png") no-repeat bottom center;
 background-size: 46%;
}

/**
 * お問い合わせ
 */
#menu .contact {
 padding: .5em 2em;
}

 #menu .mailto {
 margin: .2em 2em 0;
 padding: .2em 0;
 border: 1px solid #ddd;
 border-radius: .3em;
 text-align: center;
 }

 #menu .mailto a {
 display: block;
 width: 100%;
 height: 100%;
 }

 #menu .mailto b {
 display: inline-block;
 position: relative;
 margin-left: .4em;
 top: -.25em;
 }

 #menu .mailto i {
 font-size: 2em;
 }

@charset "UTF-8";
/**
 * タブ
 */
.tab {
 border-bottom: 1px solid #ccc;
 margin: 1em 0;
 padding: 0 .2em;
}

 .tab::after {
 content: "";
 display: table;
 clear: both;
 }

.tab li {
 display: inline-block;
 margin: 0 .1em;
 padding: 0 .4em;
 background-color: #ecead8;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 /* 角 (corner) */
 -moz-border-top-left-radius: .3em;
 -webkit-border-top-left-radius: .3em;
 -o-border-top-left-radius: .3em;
 -ms-border-top-left-radius: .3em;
 border-top-left-radius: .3em;
 -moz-border-top-right-radius: .3em;
 -webkit-border-top-right-radius:.3em;
 -o-border-top-right-radius: .3em;
 -ms-border-top-right-radius: .3em;
 border-top-right-radius: .3em;
}

@charset "UTF-8";
/**
 * 点検履歴
 */
 #log-head::after {
 content: "";
 display: table;
 clear: both;
 }

#log-head table {
 border-right: none;
 border-bottom: none;
}

#log-head .target {
 width: 48em;
 margin-right: 2em;
 float: left;
 text-align: center;
}

#log-head .mark {
 width: 48em;
 float: left;
 text-align: center;
}

#log-item {
 clear: both;
 padding: 1em 2em;
 margin-bottom: 1em;
 border: 1px solid #ccc;
 background-color: #fff;
}

.log-edit {
 margin-bottom: .5em;
}

/**
 * 表示選択
 */
#disp-select .disp {
 width: 48em;
}

#disp-select .disp td {
 padding: 0;
}

.disp em {
 display: block;
 width: 100%;
 height: 2.8em;
 line-height: 2.8em;
 color: #000;
}

.disp .select {
 width: 6em;
 text-align: center;
 cursor: pointer;
}

.disp .space, .disp .save {
 border-top: 1px solid #f5f5f5;
 border-bottom: 1px solid #f5f5f5;
}

.disp .space {
 width: 1em;
}

.disp .space em {
 background-color: #f5f5f5;
}

.disp .save {
 text-align: center;
 background-color: #f5f5f5;
 border-right: 1px solid #f5f5f5;
}

/**
 * 動画
 */
.log-video {
 display: inline-block;
 width: 200px;
 margin: .2em;
}

.log-video video {
 width: 100%;
}

/**
 * 一覧
 */
.check-item {
 width: 15% !important;
}

.check-body {
 width: 5% !important;
 white-space: nowrap;
}

th.check-note, .check-message {
 width: 30%;
}

/**
 * 署名
 */
table.mark th, table.mark td {
 height: 4em;
 vertical-align: middle;
 text-align: center;
 white-space: normal;
 cursor: pointer;
}

table.mark td.check {
 width: 3em;
}

table.mark th.label {
 width: 4em;
 padding: 0;
}

table.mark td.datetime, table.mark td.editor {
 width: 8em;
}

table.mark td.note {
 vertical-align: top;
 text-align: left;
}

table.mark td.none {
 padding: 0;
}

table.mark td.none em {
 display: block;
 width: 100%;
 height: 100%;
 background-color: #f5f5f5;
}

i.green {
 color: #009944;
}

#popup #body {
 padding: 1em;
}

#popup textarea.full {
 width: 32em;
 ime-mode: active;
}

#popup .comment {
 margin-top: 1em;
}

.submit-buttons {
 text-align: center;
 margin-top: 2em;
}

.submit-buttons input[type="button"] {
 margin: 0 1em;
}

#submit-buttons {
 text-align: left;
 margin: 1em 0;
}

#submit-buttons input[type="button"] {
 margin: 0 .25em;
 background-color: #009944;
 color: #fff;
}

/**
 * 編集
 */
td input[type="button"].edit {
 float: right;
}

td input[type="button"].disabled {
 color: #888 !important;
 background-color: #ddd;
 font-size: .875em;
}

/**
 * 清掃履歴
 */
.list th.check-item2, .list td.check-item2 {
 width: 24em;
}

.image-before, .image-now, .image-after {
 float: left;
 text-align: left;
 padding: .5em;
}

.list .half {
 width: 50%;
}

.list .third {
 width: 33.3%;
}

.image-video h3 {
 font-weight: normal;
 margin-bottom: .2em;
}

/**
 * A4・A3選択
 */
.format-select {
 padding-right: 14.6em;
 margin-bottom: .2em;
}

.format-select-top {
 margin-left: 12.5em;
 margin-bottom: .2em;
}

.photo-select {
 padding-right: 14.4em;
 margin-top: .2em;
}

.photo-select-top {
 margin-top: -.8em;
 margin-left: 10em;
 margin-bottom: .5em;
}

.photo-select-cleaning {
 padding-left: 1em;
 margin-top: .2em;
}

.photo-select-cleaning-top {
 margin-top: 0;
 margin-left: 10em;
 margin-bottom: .5em;
}

/**
 * 応急対応済み
 */
.emergency {
 display: block;
 float: right;
 margin-right: .7em;
 white-space: nowrap;
 background-color: #F6AD3C;
 font-size: .9em;
 font-weight: bold;
 color: #fff;
 padding: 0 .5em;
 border-radius: .3em;
 text-shadow: 0 0 1px #000;
}

/**
 * 画像選択
 */
.list td.image-video {
 padding-top: 0;
}

 .image-video::after {
 content: "";
 display: table;
 clear: both;
 }

.image-video .image-box {
 position: relative;
 display: block;
 float: left;
 width: 200px;
 min-height: 136px;
 margin: .4em .2em 0;
}

 .image-video .image-box a {
 margin: 0;
 }

 .image-video .image-box img {
 max-width: none;
 }

.image-video .image-box input[type="checkbox"] {
 position: absolute;
 font-size: 2em;
 width: 1em;
 height: 1em;
 z-index: 10;
 top: .2em;
 right: -.2em;
}

.image-video li.image-box input[type="checkbox"] {
 position: absolute;
 font-size: 2em;
 width: 1em;
 height: 1em;
 z-index: 5;
 top: .4em;
 right: -.1em;
}

/**
 * スタイル1
 */
.claim-style1 .image-video .image-box {
 float: none;
 width: 100%;
}

.claim-style1 .image-video li.image-box input[type="checkbox"] {
 left: 6em;
}

.file_note {
 display: table;
 width: 100%;
}

.file_note .text, .file_note .btn {
 display: table-cell;
 font-size: .875em;
}

.file_note .btn {
 width: 4em;
 text-align: right;
}

.file_note textarea {
 width: 100%;
}

/* 間取り図 */
#madori-image .image-box input[type="checkbox"] {
 top: .4em;
}

/**
 * 印刷（一覧）
 */
.list-check-print {
 width: 4em;
}

.list-check {
 width: 2em;
 border-right: none !important
}

.list-print {
 width: 2em;
 color: #ff0000;
}

/**
 * スケジュール（一覧）
 */
span.complete {
 margin-left: 1em;
}

span.complete em {
 color: #ff0000;
 margin-right: .5em;
}

.back-button i.fa-pencil-square-o {
 color: #000;
}

/**
 * 天候
 */
td .weather {
 float: right;
}

/**
 * 編集
 */
td.chip .chip-text, td.chip .chip-form {
 display: inline-block;
 width: 20em;
}

td.chip .chip-btn {
 display: inline-block;
 float: right;
 width: 4em;
 text-align: right;
}

.chip {
 position: relative;
}

.form span.staff-list {
 display: block;
 position: absolute;
 z-index: 10;
 top: -3.4em;
 left: .2em;
}

.form span.staff-list ul {
 background-color: #fff;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
}

.form span.staff-list li {
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 padding: .2em .4em;
}

/**
 * 確認・承認
 */
.btn-kakunin, .btn-syounin {
 display: inline-block;
 background-color: #f5f5f5;
 border: 1px solid #aaa;
 border-radius: .3em;
 padding: .5em 1em;
}

@charset "UTF-8";
/**
 * 点検項目
 */
.check-subject {
 text-align: center;
 font-size: 1.5em;
}

.check-category {
 background-color: #ecead8;
}

/**
 * 点検項目設定
 */
div.check-list {
 float: left;
 width: 400px;
 margin-right: 20px;
 margin-bottom: 15px;
}

div.check-list .reset {
 display: inline-block;
 float: right;
 padding: 4px 10px;
 border: 1px solid #ccc;
 border-radius: 4px;
 background-color: #fff;
 cursor: pointer;
}

.list td.check-display {
 width: 120px;
 text-align: center;
 vertical-align: middle;
 padding: 2px 0;
 color: #000;
}

.check-display .none, .check-display .disp {
 display: inline-block;
 font-size: 12px;
 margin: 0 4px;
 padding: 4px 8px;
 border: 1px solid #666;
 border-radius: 4px;
 background-color: #ddd;
 cursor: pointer;
}

.check-display .active {
 cursor: default;
 color: #fff;
 background-color: #009944;
}

@charset "UTF-8";
/**
 * スケージュール一覧
 */
#schedule-list ul {
 display: block;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}

#schedule-list li {
 display: inline-block;
 float: left;
 width: 10em;
 height: 5em;
 border-right: 1px solid #ccc;
}

#schedule-list li.select-list {
 position: inherit;
 top: 0;
 left: 0;
}

#schedule-list label {
 display: block;
 width: 100%;
 height: 100%;
 padding: .5em;
}

#schedule_text {
 display: inline-block;
 width: 60%;
 min-height: 4em;
 margin-top: .5em;
 padding: .5em;
 border: 1px solid #aaa;
 border-radius: .3em;
}

/**
 * アップロード画像
 */
ul.upload-images li {
 display: inline-block;
 padding: .2em .1em;
}

/**
 * 署名
 */
#log-head .claim-sign {
 width: auto;
 min-width: 16em;
 float: left;
}

.claim-sign th, .claim-sign td {
 min-width: 8em;
 vertical-align: middle;
 text-align: center;
 white-space: normal;
 cursor: pointer;
 padding: .3em;
 line-height: 1.3;
}

.claim-sign th {
 height: 2em;
}

.claim-sign td {
 height: 4em;
}

/**
 * クレーム管理一覧
 */
.estate-new {
 color: #ff0000;
}

@charset "UTF-8";
/**
 * 物件
 */
.list .estate {
 min-width: 12em;
 max-width: 20em;
}

.list .estate-code {
 width: 7em;
}

.list .owner-name {
 width: 10em;
}

.list .address {
 width: 16em;
}

.list .structure, .list .shop {
 width: 10em;
}

.list .group {
 width: 8em;
}

.list .tantou {
 width: 8em;
}

.list .edit-room {
 width: 7.5em;
}

 .list .edit2-room li {
 width: 50%;
 }

.list .edit-check {
 width: 8em;
}

/**
 * オーナー一覧
 */
#owner th.owner, #owner td.owner,
#owner th.kana, #owner td.kana,
#owner th.contact, #owner td.contact {
 width: 14em;
}

#owner th.tel, #owner td.tel {
 width: 8em;
 text-align: center;
 white-space: nowrap;
}

#owner th.address, #owner td.address {
 width: 20em;
}

/**
 * 部屋一覧
 */
.list .floor, .list .madori, .list .point {
 width: 8em;
}

.list .room , .list .vacancy {
 width: 14em;
}

.list .name, .list .kana {
 width: 14em;
}

/**
 * CSVサンプル
 */
.sample {
 float: left;
 margin-left: 1em;
 margin-top: 1.2em;
}

/**
 * 物件情報一括設定
 */
#estate-setting {
 margin-bottom: .5em;
}

#estate-setting .category {
 display: block;
 position: relative;
}

#estate-setting .category, #estate-setting .buttons {
 display: none;
}

#estate-setting .category em {
 font-weight: bold;
}

#estate-setting .category em.meyasu {
 margin-left: 1em;
}

#estate-setting input[type="submit"] {
 background-color: #009944;
 color: #fff;
 border-radius: .3em;
}

#estate-setting .select-list {
 top: 1.6em;
 left: .1em;
}

/**
 * 貯水槽清掃フォーム
 */
.watertank dl {
 display: block;
 margin: .2em 0;
}

.watertank dt {
 display: inline-block;
 font-weight: bold;
 margin-right: .2em;
}

.watertank dd {
 display: inline-block;
 margin-right: 1em;
}

/**
 * 部屋情報一覧
 */
.list td.room-none {
 color: #ff0000;
 font-size: .9375em;
 text-align: center;
}

@charset "UTF-8";
/**
 * トップページ
 */
#top {
 float: left;
 width: 64em;
}

 #top::after {
 content: "";
 display: table;
 clear: both;
 }

.top-menu, .top-schedule {
 position: relative;
 display: block;
 float: left;
 margin: .5em;
 padding: 0 2em;
 border: 1px solid #ccc;
 background: none;
 background-color: #fff;
 border-radius: .5em;
 overflow: hidden;
 line-height: 1.8;
}

.top-menu {
 width: 20em;
 height: 22em;
}
 .top-menu:nth-child(5) h2 { margin-left: 4.2em; }

.top-menu .bg {
 position: absolute;
 z-index: 5;
 top: 0;
 left: 0;
 width: 20em;
 height: 22em;
 background-repeat: no-repeat;
 background-position: 3.3em 2.7em;
 background-size: 15%;
 background-color: #e4004f;
}
 .top-menu:nth-child(1) .bg { background-image: url("/common/img/menu/estate.png"); }
 .top-menu:nth-child(2) .bg { background-image: url("/common/img/menu/staff.png"); }
 .top-menu:nth-child(3) .bg { background-image: url("/common/img/menu/check.png"); }
 .top-menu:nth-child(4) .bg { background-image: url("/common/img/menu/log.png"); }
 .top-menu:nth-child(5) .bg { background-image: url("/common/img/menu/claim.png"); }
 .top-menu:nth-child(6) .bg { background-image: url("/common/img/menu/setting.png"); }

.top-menu .inner {
 position: absolute;
 z-index: 7;
 top: 0;
 left: 0;
 width: 20em;
 height: 20em;
 padding-left: 0 2em;
}

.top-schedule {
 width: 62em;
 height: 30em;
}

.top-menu h2 {
 font-weight: bold;
 font-size: 1.6em;
 margin-top: 2em;
 margin-left: 4.7em;
 text-align: left;
 color: #fff;
}

.top-schedule h2 {
 text-align: center;
 font-weight: bold;
 font-size: 1.6em;
 margin-top: 1em;
}

.top-menu ul {
 margin-top: 2em;
 padding-left: 6em;
}

.top-menu li {
 padding-left: 0;
 margin-bottom: .5em;
 font-size: 1.4em;
 list-style-type: square;
 line-height: 1.5;
 color: #fff;
}

 .top-menu li a {
 color: #fff;
 }

 .top-menu li b {
 font-size: .875em;
 margin-left: .3em;
 }

 .top-menu:nth-child(2) li,
 .top-menu:nth-child(3) li {
 line-height: 1.8;
 }

/**
 * 今日の予定
 */
.top-schedule-list {
 margin-top: 1em;
 height: 24em;
 overflow-y: scroll;
}

#toppage-schedule .group {
 width: 12em;
}

#toppage-schedule .estate {
 width: 23em;
}

#toppage-schedule .staff {
 width: 23em;
}

/**
 * お知らせ
 */
#news {
 float: left;
 min-width: 28em;
 max-width: 40em;
}

#news h2 {
 margin: .5em 0 1em;
 padding: .5em 2em;
 font-size: 1.2em;
 border: 1px solid #e4004f;
 border-radius: .3em;
 color: #e4004f;
 text-align: center;
}

#news li {
 margin-bottom: 1em;
}

#news li b {
 display: inline-block;
 width: 8em;
}

@charset "UTF-8";
/**
 * 提供ツール
 */
.help-list {
 margin: 1em 0;
}

 .help-list::after {
 content: "";
 display: table;
 clear: both;
 }

.help-list li {
 display: block;
 float: left;
 margin: .5em;
 padding: 1.5em 1em;
 width: 20em;
 min-height: 27em;
 border: 1px solid #aaa;
 text-align: left;
 border-radius: .4em;
}

 .help-list li.help-youtube {
 width: 41em;
 }

.help-subject, .help-body, .help-file, .help-type-youtube {
 display: block;
}

.help-subject {
 font-size: 1.25em;
 min-height: 1.5rem;
 font-weight: bold;
 line-height: 1.5;
 margin-bottom: .5em;
}

.help-file {
 font-size: 1.1em;
 margin-top: 1em;
 margin-bottom: 1em;
 padding-top: 1em;
 border-top: 1px solid #ccc;
 line-height: 1.8;
}

.help-type-youtube {
 font-size: 1.1em;
 margin-top: 1em;
 margin-bottom: 1em;
 padding-top: 1em;
 border-top: 1px solid #ccc;
 line-height: 1.8;
}

.help-body {
 height: 7.5em;
 margin-bottom: .5em;
 line-height: 1.7;
}

 .help-youtube .help-body {
 width: 39em;
 margin: 0 auto;
 }

@charset "UTF-8";
/**
 * Q & A
 */
#faq {
 margin-top: 1em;
}

.faq {
 margin: 0 2em 1em;
 padding: 1em;
 border: 1px solid #ccc;
 border-radius: .4em;
 background-color: #fff;
}

.faq h2 {
 position: relative;
 font-size: 1.25rem;
 font-weight: bold;
 color: #333;
 text-align: left;
 line-height: 1.4;
 margin-left: 1.2em;
 margin-bottom: 1em;
 padding-left: 2.8rem;
 border-left: 6px solid #e4004f;
}

.faq h2::before {
 display: block;
 position: absolute;
 content: "Q.";
 top: 0;
 left: .8rem;
}

.faq p {
 padding-left: 2rem;
 font-size: 1.1rem;
 text-align: left;
 text-indent: 1em;
 line-height: 1.7;
}

h1 em.toiawase {
 float: right;
}

@charset "UTF-8";
/**
 * 管理者権限
 */
table.auth-list {
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
}

table.auth-list th, table.auth-list td {
 width: auto;
}

table.auth-list th {
 background-image: none;
 background-color: #e4004f;
 color: #fff;
}

table.auth-list th.auth, table.auth-list td.auth {
 width: 4em;
 text-align: center;
}

table.auth-list td.auth input[type=checkbox] {
 margin-right: 0;
}

/**
 * ボタン
 */
 .buttons-box::after {
 content: "";
 display: table;
 clear: both;
 }

.buttons-left {
 float: left;
}

.buttons-right {
 float: right;
 width: 13em;
 padding-top: 3em;
}

/**
 * スケジュール
 */
.guide-right .restore {
 width: 10.5em;
}

.guide-right .restore a {
 width: 11em;
}

.guide-right .patrol {
 width: 15em;
}

.guide-right .patrol a {
 width: 16em;
}

#restore-room b {
 display: block;
}

#restore-room .del {
 margin-left: .5em;
 color: #ff0000;
}

tr.done {
 background-color: #eee;
}

/**
 * 作業種別アイコン
 */
i.icon {
 font-size: 0.825em;
 font-weight: bold;
 padding: .1em;
 border: 1px solid #999;
 border-radius: .3em;
}

i.red {
 color: #ff0000;
}

.schedule-list li {
 display: table;
 width: 100%;
 border-top: 1px solid #ccc;
}

.schedule-list li:first-child {
 border-top: none;
}

.schedule-list span {
 display: table-cell;
 padding: .5em 0;
}

.schedule-list span.kind {
 width: 2em;
}

.schedule-list span.staff {
 min-width: 10em;
 position: relative;
}

.schedule-list span.status {
 min-width: 10em;
}

.schedule-list .del-staff {
 color: #ff0000;
 position: absolute;
 z-index: 5;
 right: .5em;
 cursor: pointer;
}

.schedule-list span.estate {
 display: table;
 width: 100%;
 max-width: 100%;
}

 .schedule-list b.estate-name, .schedule-list b.work-start, .schedule-list b.del-list {
 display: table-cell;
 }

 .schedule-list b.estate-name {
 width: 60%;
 }

 .schedule-list b.work-start {
 white-space: nowrap;
 }

 .schedule-list b.del-list {
 width: 2em;
 color: #ff0000;
 text-align: center;
 }

.drug-schedule-list {
 display: table;
 width: 100%;
 max-width: 100%;
}

 .drug-schedule-list .kind .drug-schedule-list .estate-name, .drug-schedule-list .work-start {
 display: table-cell;
 }

 .drug-schedule-list .kind {
 width: 2em;
 }

 .drug-schedule-list .work-start {
 width: 9em;
 text-align: right;
 }

/**
 * カレンダー
 */
#calendar {
 width: 35em;
 margin-bottom: 1em;
}

.calendar, .calendar-head {
 width: 100%;
}

.calendar-head {
 margin-bottom: .5em;
}

.calendar-head th.back-month {
 text-align: left;
}

.calendar-head th.next-month {
 text-align: right;
}

.calendar {
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
}

.calendar th, .calendar td {
 width: 5em;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 text-align: center;
 font-weight: bold;
}

.calendar th {
 height: 2em;
}

.calendar td {
 height: 5em;
 position: relative;
}

.calendar td.today {
 border: 2px solid #aacf52;
}

.calendar td.current-day {
 border: 4px solid #ff0000;
}

 .calendar td.current-day a {
 background-color: #fcd7a1 !important;
 }

.calendar td a {
 background-color: #fff;
}

.calendar td.plan a {
 background-color: #ffffcc;
}

.calendar td.before a, .calendar td.after a {
 background-color: #eee;
 color: #999;
}

.calendar a {
 display: block;
 width: 100%;
 height: 100%;
 color: #000;
 line-height: 5em;
}

.calendar .sun a {
 color: #ff0000;
}

.calendar .sat a {
 color: #0000ff;
}

/**
 * スケジュール追加
 */
.new-schedule {
 position: absolute;
 right: 0;
 bottom: -.2em;
 z-index: 10;
 color: #666;
 font-size: 1.2em;
 font-weight: normal;
 padding: .2em;
}

#popup .schedule h2, #popup .schedule h3, #popup .schedule p, #popup .schedule ul {
 padding: 0 2em;
}

#popup .schedule h2, #popup .schedule p {
 margin-bottom: 1em;
}

#popup .schedule ul {
 font-size: 1.2em;
}

/**
 * 並び替え
 */
#drag table.list {
 min-width: 28em;
 margin: 0;
}

#drag table.list td {
 padding: 0;
}

#drag table.list td div {
 padding: .7em 1em;
 border: 0 none #fff !important;
}

#drag b {
 white-space: nowrap;
}

.sort-btn {
 text-align: center;
 margin-top: 1em;
}

.sort-btn input {
 border-radius: .3em;
}

/**
 *
 */
.full-cell {
 display: table;
 width: 100%;
 margin-bottom: 1em;
 border: 1px solid #ccc;
 background-color: #fff;
}

.half-cell {
 display: table-cell;
 width: 50%;
 vertical-align: top;
 padding: .5em 1em;
}

.half-cell table {
 margin-top: .5em;
}

/**
 * SMS送信
 */
.action {
 margin: .5em 0;
}

.sms-form h2 {
 margin-bottom: .5em;
}

.sms-form p {
 margin-bottom: 1em;
}

.sms-form .message {
 text-align: center;
}