@charset "utf-8";
/* Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
/*----------配置-------------*/
.left{float:left !important}
.right{float:right !important}

/*----------余白（外側）-------------*/
.mt0  { margin-top: 0px !important;  }
.mt5  { margin-top: 5px !important;  }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt50 { margin-top: 50px !important; }
.mb0  { margin-bottom: 0px !important;  }
.mb5  { margin-bottom: 5px !important;  }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml0  { margin-left: 0px !important;  }
.ml5  { margin-left: 5px !important;  }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml50 { margin-left: 50px !important; }
.mr5  { margin-right: 5px !important;  }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }

/* Base elements
----------------------------------------------- */
body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,verdana,sans-serif;
	margin:  0;
	padding: 0;
	background:#fff;
}

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

audio,canvas,progress,video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

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


[hidden],
template {
    display: none;
}

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

b,strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

button,input,optgroup,select,textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

button {
    overflow: visible;
}

button,select {
    text-transform: none;
}

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

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

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

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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

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

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

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

textarea {
    overflow: auto;
}
textarea:read-only{
    background-color:#ddd;
    cursor:default;
}

optgroup {
    font-weight: bold;
}

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

td,th {
    padding: 0;
}

.side-nav li a:not(.button) {
  color: #1982d1;
}

.side-nav li a:not(.button):hover {
  color: #1982d1;
}

header {
    background-color: #15848F;
    color: #ffffff;
    font-size: 30px;
    height: 84px;
    line-height: 64px;
    padding: 16px 0px;
    box-shadow: 0px 1px rgba(0, 0, 0, 0.24);
}

header .header-title {
    padding-left:80px
}

legend {
    color:#15848F;
    margin: 0 0 16px;
}

.row {
    max-width: 80rem;
}

.actions.columns {
    margin-top:1rem;
    border-left: 5px solid #15848F;
    padding-left: 15px;
    padding: 32px 20px;
}

.actions.columns h3 {
    color:#15848F;
}

.index table {
    margin: 12px 0 0;
    border: 0;
    width: 100%;
    table-layout: auto;
    display: inline-table;
    border: 1px solid #ddd;
}

.index table td{
    border-left: solid 1px #ddd;
}

.index th{
    background-color:#efefef;
    border-left: solid 1px #ddd;
}

.related table {
    border: 0;
    width: 100%;
    table-layout: auto;
}

.index table tr:nth-child(2n+1) {
    background: #f0ffff none repeat scroll 0 0;
}

.header-help {
    float: right;
    margin-right:2rem;
    margin-top: -80px;
    font-size:16px;
}

.header-help span {
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    padding: 0.25rem 0.5rem 0.375rem;
    font-size: 0.8rem;
    background-color: #0097a7;
    color: #FFF;
    border-radius: 1000px;
}

.header-help a {
    color: #fff;
}

ul.pagination li{
    margin-left:5px;
    margin-right:5px;
}

ul.pagination li a {
    color: rgba(0, 0 ,0 , 0.54);
}

ul.pagination li.active a {
    background-color: #DCE47E;
    color: #FFF;
    font-weight: bold;
    cursor: default;
}
ul.pagination .disabled:hover a {
    background: none;
}

.paginator {
    margin: 16px 0 0;
    text-align: center;
}

.paginator ul.pagination li {
    float: none;
    display: inline-block;
}

.paginator p {
    text-align: right;
    color: rgba(0, 0 ,0 , 0.54);
}

.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}

.form .error-message {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    color: rgba(0, 0, 0, 0.54);
}
.required > label:after {
    content: ' *';
    color: #C3232D;
    white-space: nowrap;
}

input[type=checkbox],
input[type=radio] {
    margin-right: 0.5em;
}

.date select,
.time select,
.datetime select {
    display: inline;
    width: 70px;
    margin-right: 10px;
}

.error label,
.error label.error {
    color: #C3232D;
}

.view h2 {
    color: #6F6F6F;
}

.view .columns.strings {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
}i

.view .numbers {
    background-color: #B7E3EC;
    color: #FFF;
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right: 0.7rem;
}

.view .columns.dates {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
    background-color:#DCE47E;
    color: #fff;
}

.view .columns.booleans {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
    background-color: #8D6E65;
    color: #fff;
}

.view .strings p {
    border-bottom: 1px solid #eee;
}
.view .numbers .subheader, .view .dates .subheader {
    color:#747474;
}
.view .booleans .subheader {
    color: #E9E9E9
}

.view .texts .columns {
    margin-top:1.2rem;
    border-bottom: 1px solid #eee;
}

/** Notices and Errors **/
.cake-error,
.cake-debug,
.notice,
p.error,
p.notice {
    display: block;
    clear: both;
    background-repeat: repeat-x;
    margin-bottom: 18px;
    padding: 7px 14px;
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
}

.cake-debug,
.notice,
p.notice {
    color: #000000;
    background: #ffcc00;
}

.cake-error,
p.error {
    color: #fff;
    background: #C3232D;
}

pre {
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin: 15px 0px;
    color: rgba(0, 0 ,0 , 0.74);
    padding:5px;
}

.cake-error .cake-stack-trace {
    margin-top:10px;
}

.cake-stack-trace code {
    background: inherit;
    border:0;
}

.cake-code-dump .code-highlight {
    display: block;
    background-color: #FFC600;
}

.cake-error a,
.cake-error a:hover {
    color:#fff;
    text-decoration: underline;
}

.home header {
    width: 100%;
    height: 85%;
    position: relative;
    display: table;
}

.home h1 {
    font-family: "Gill Sans MT", Calibri, sans-serif;
}

.home header .header-image {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.home header h1 {
    color: #fff;
}

.home .checks {
    padding:30px;
    color: #626262;
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-top:50px;
}

.checks.url-rewriting {
    background-color: #F0F0F0;
    display: none;
}

.checks.platform {
    background-color: #B7E3EC;
}

.checks.filesystem {
    background: #DCE47E;
}

.checks.database {
    background-color: #DFF0D8;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.home .checks .success:before, .home .checks .problem:before {
    line-height: 0px;
    font-size: 28px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
}

.home .checks .success:before {
    content: "✓";
    color: green;
    margin-right: 9px;
}

.home .checks .problem:before {
    content: "✘";
    color: red;
    margin-right: 9px;
}

.top-bar.expanded .title-area {
    background: #01545b;
}

.top-bar.expanded, .top-bar,.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button) {
    background: #116d76;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #308e97;
    background: #308e97;
}

.side-nav li.heading {
    color: #1798A5;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.4375rem 0.875rem;
}

#actions-sidebar {
    background: #fafafa;
    width: 200px;
}

table {
    background: #fff;
    margin-bottom: 1.25rem;
    border: none;
    table-layout: auto;
    width: 100%;
}

table thead {
    background: none;
}

table tr th {
    padding: 0.5625rem 0.625rem;
    font-size: 1rem;
    color: #15848F;
    text-align: left;
    border-bottom: 1px solid #ccc;
    font-weight:bold;
    vertical-align: top;
}

table tr:nth-of-type(even) {
    background: none;
}


fieldset legend:not(:first-of-type) {
    padding-top: 16px;
}

.vertical-table th {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #1798A5;
    border: none;
    text-align: left;
}

.vertical-table {
    vertical-align: middle;
}

.vertical-table td {
    text-align: right;
}

/* Use 'one true layout' methods to get equal height columns */
.container {
    overflow: hidden;
    min-height: 92%; /* full height almost always */
}

@media screen and (max-width: 640px) {
    #actions-sidebar {
        padding-bottom: 2rem;
        margin-bottom: 0;
    }
}

body > .wrapper{
	height: auto;
}

p, pre, dt, dd {
	color: #111;
	font-size: 0.9em;
	line-height: 1.4em;
	margin-bottom: 1em;
}
@media all and (max-width:899px){
    p, pre, dt, dd {
        margin-left:10px;
    }
}
pre, p.bgclr {
	background-color: #ffffee;
	color: #000;
	font-style: italic;
	text-shadow: 1px 1px 0 #fff;
	margin-bottom: 20px;
	padding: 4px 12px;
	border: 1px solid #ffcc33;
	border-radius: 6px;
}
ul, ol {
	font-size: 1.0em;
	margin: 0 0 16px 21px;
}
ul {
	list-style-type: square;
}
ol {
	list-style-type: decimal;
}
dl {
	width: 100%;
	margin: 0;
	display: table;
}
dt {
	font-weight: normal;
	min-width: 200px;
	display: inline-table;
}
dd {
	display: inline-table;
	word-break: break-all;
}
@media all and (max-width:899px){
    dd {
        width:auto;
    }
}
@media all and (min-width:900px){
    dd {
        min-width: 200px;
    }
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
table{
	border:solid 1px #ddd;
}
table td {
	vertical-align: middle;
    padding: 12px 15px;
    border-bottom: 1px solid #ccc;
}
table th {
	vertical-align: middle;
    background-color: #F6F6F6;
}
table tr.canceled {
    background-color: #F6F6F6 !important;
}
table td, table th {
	vertical-align: middle;
    border-left:solid 1px #ddd;
}
img {
	border: none;
}
a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	color: #1982d1;
	text-decoration: underline;
	cursor: pointer;
}
.disabled a,
a.disabled {
    pointer-events: none;
}
label{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,verdana,sans-serif;
	cursor: pointer;
	margin: 0;
	display: inline;
}


select{
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    background-color: transparent;
    border-radius:0;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position:100% center;
    background-repeat:no-repeat;
    border-style:solid;
    border-width:1px;
    border-color:#ccc;
    color:rgba(0,0,0,0.75);
    font-family:inherit;
    font-size:0.875rem;
    line-height:normal;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
	height: auto;
	width: auto;
}

select:hover {
	background-color: #fafafa;
	border-color: #999;
}

select::-ms-expand{display:none}
select:disabled{background-color:#ddd;cursor:default}


input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea
{
    -webkit-appearance:none;
    -moz-appearance:none;
    border-radius:0;
    background-color:#fff;
    border-style:solid;
    border-width:1px;
    border-color:#999;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
    color:rgba(0,0,0,0.75);
    display:block;font-family:inherit;
    font-size:0.875rem;
    height:2.3125rem;
    margin:0;
    padding:0.5rem;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:border-color 0.15s linear,background 0.15s linear;
    -moz-transition:border-color 0.15s linear,background 0.15s linear;
    -ms-transition:border-color 0.15s linear,background 0.15s linear;
    -o-transition:border-color 0.15s linear,background 0.15s linear;
    transition:border-color 0.15s linear,background 0.15s linear
}

label,
input[type="submit"],
input[type="radio"],
input[type="button"] {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,verdana,sans-serif;
	cursor: pointer;
	margin: 0;
	display: inline;
}

input[type="radio"] {
	margin: 0 4px 0 0 !important;
}
input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select {
	border-color: #999;
	margin: 0;
	height: auto;
}
input[type="text"],input[type="number"],input[type="tel"],input[type="color"] {
	border-color: #999;
	margin-top: 0;
    margin-bottom:5px;
	height: auto;
	width:auto;
}
input[type="color"] {
	height:35px !important;
}
@media print, screen and (min-width:900px) {
    input[type="text"],input[type="number"],input[type="tel"],input[type="color"] {
        width:300px;
    }
}
@media screen and (max-width:899px){
    input[type="text"],input[type="number"],input[type="tel"],input[type="color"]{
        width: 100%;
    }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance:textfield;
}

select[multiple] {
    min-height:80px;
    background: #fff;
    padding:0;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select {
	margin: 0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #aaa;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #aaa;
	opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #aaa;
}

.result li{
	font-size:18px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance:textfield;
}
input[type="file"], input[type="checkbox"], input[type="radio"], select {
	margin: 0;
}
input:read-only{
    background-color:#ddd;
    cursor:default;
}

button, .button {
    display: inline-block;
    border-width:0;
    color:#fff;
    margin: 3px 0px 0px;
    padding: 5px 15px !important;
    box-shadow: 0 3px 0 #669900;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #017453;
    word-break: break-all;
}

.events .button.insert_button_before,
.events .button.insert_button_after,
.fields .button.insert_button_before,
.fields .button.insert_button_after {
    background-color: #949494;
    box-shadow: none;
    font-size: 80%;
    margin: 0;
    padding: 5px 10px !important;
    z-index: 9999;
}

.text_button{
    display: inline-block;
    white-space: nowrap;
    border-width:0;
    color:#1982d1;
    margin: 0;
    padding: 0 !important;
    box-shadow: none;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    text-shadow: none;
    background-color: #fff;
}
@media all and (min-width:900px){
    button{
        font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,verdana,sans-serif;
        cursor: pointer;
        margin: 0;
        display: inline;
    }
}

button.disabled, button[disabled], .button.disabled, .button[disabled]
{
    color: #bbb;
    background-color:#333;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus
{
    color: #bbb;
    background-color:#333;
}

button:hover, .button:hover,
button:focus, .button:focus{
    color:#fff;
    text-decoration: underline;
}

button.text_button:hover, button.text_button:focus{
    color:#1982d1;
}

.events .button.insert_button_before:hover,
.events .button.insert_button_before:focus,
.events .button.insert_button_after:hover,
.events .button.insert_button_after:focus,
.fields .button.insert_button_before:hover,
.fields .button.insert_button_before:focus,
.fields .button.insert_button_after:hover,
.fields .button.insert_button_after:focus {
    background-color: #5A6BD2;
}

.btn button{
	background-color:#1ABC9C;
	margin: 0;
	padding: 10px 20px;
	box-shadow: 0 3px 0 #0E8C73;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	width: auto;
	padding: 3px 10px;
}
.btn button a{
	text-decoration: none;
	color:#fff;
	font-weight:bold;
}
@media all and (min-width:900px){
    .change_limit{
        display: table;
        width: 100%;
        margin-bottom:10px;
        border-spacing: 1em 0
    }
    .change_limit div.select_limit{
        display: table-cell;
    }
    .change_limit div.change_limit_bottun{
        display: table-cell;
    }
    .change_limit div.change_seat_no_rule_bottun{
        display: table-cell;
    }
}
button a{
	text-decoration: none;
	color:#fff;
}

@media all and (max-width:650px){
.clearbtn{
       display:block;
       margin-bottom:7px;
       width:50%;
}
}
/* プレースホルダ
----------------------------------------------- */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #aaa;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #aaa;
	opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #aaa;
}
/* Structure
----------------------------------------------- */

#main {
	margin: 0 auto 10px;
	display: table;
	position: relative;
}
@media all and (min-width:900px){
    #main {
        width: 900px;
    }
}
@media all and (max-width:899px){
    #main {
        width:100%;
        top: 0px;
        margin: 0px;
        position:static;
        display: inline-block;
    }
}

#main-wide {
	width: 100%;
	margin: 0 auto 10px;
}
@media all and (min-width:900px){
    #side {
        float: left;
        width: 230px;
        margin-bottom: 25px;
    }
    #home {
        float: right;
        width: 730px;
        height: auto;
        margin-top: 5px;
    }
    #content, .content {
        clear: both;
        width: 100%;
        margin: 5px 0 10px;
        display: inline-block;
    }
}
@media all and (max-width:899px){
    #side {
        clear: both;
        float: left;
        width: 90%;
        margin-bottom: 25px;
    }
    #home {
        float: right;
        height: auto;
        margin: 5px;
    }
    #content, .content {
        clear: both;
        width: inherit;
        margin: 5px 0 10px;
        display: inline-block;
        padding: 6px;
    }
    #content, .content li{
        margin-left: 0;
    }
}

#content02 {
	margin-right: 50px;
}
.column, .columns {
	padding: 0;
}
#footer_wrap {
	width: 100%;
	height: auto;
	margin: 40px auto 0px;
	clear: both;
	border-top: 3px solid #017453;
}
#footer {
	max-width: 900px;
	margin:0 auto;
	height: auto;
	position: relative;
	padding-top: 5px;
}
/* Sidebar
----------------------------------------------- */
#actions-sidebar {
	width: 100%;
	padding: 0 8px;
	display: table;
}


#content #actions-sidebar h3 {
	background-image:url("../images/common/ic_arrow_green.png");
    background-repeat: no-repeat;
	float: left;
	background-color: transparent;
	border-left: none;
	color: #000;
	font-weight: bold;
	padding-left:53px;
	text-align:center;
	margin:0px;
	background-position: center left;
	line-height: 1;
}
#content #actions-sidebar ul {
	display: table;
	padding: 0 0 0 0.3em;
}
#content #actions-sidebar ul li {
	float: left;
	margin: 0;
	background:#fff;
	padding:5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	font-weight: bold;
	font-size:15px;
}
#content #actions-sidebar ul li a {
	margin: 0 24px;
	padding:0;
}
/* pagetop_btn
----------------------------------------------- */
.pagetop_btn {
	clear: both;
	text-align: right;
	margin-left: 830px;
	margin-right: 30px;
	background: no-repeat url(../images/common/ic__arrow_navy.png); 
	position: bottom;
}
.pagetop_btn p {
	clear: both;
	margin-bottom: 0;
	font-size: 0.9em;
	font-color: #1982D1;
}

/* Title headings
----------------------------------------------- */
.entry-title-sun {
	background-image: url("../images/common/bg_border_orange.png");
	background-position: center bottom;
	background-repeat: repeat-x;
	margin-bottom: 20px;
	position: relative;
}
.entry-title-sun h1,
.entry-title-sun h2 {
	background-image: url("../images/common/ic_sun.png");
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1.125em; /* 18px */
	font-weight: bold;
	letter-spacing: 0.03em;
	padding: 13px 0 20px 50px;
}
.entry-title-hat {
	background-image: none;
	border-bottom: 5px solid #017453;
	margin-bottom: 20px;
	position: relative;
}
.entry-title-hat h1,
.entry-title-hat h2 {
	background-image: url("../images/common/ic_hat.png");
	background-position: left 6px;
	background-repeat: no-repeat;
	font-size: 1.125em; /* 18px */
	font-weight: bold;
	letter-spacing: 0.03em;
	padding: 14px 0 9px 56px;
}
@media all and (max-width:899px){
    .entry-title-hat h1,
    .entry-title-hat h2 {
        width:auto;
    }
}

.entry-title-pencil {
	background-image: none;
	border-bottom: 5px solid #017453;
	margin-bottom: 20px;
	position: relative;
}
.entry-title-pencil h1,
.entry-title-pencil h2 
{
	background-image: url("../images/common/ic_pencil.png");
	background-position: 10px 8px;
	background-repeat: no-repeat;
	font-size: 1.125em; /* 18px */
	font-weight: bold;
	letter-spacing: 0.03em;
	padding: 14px 0 9px 56px;
}
.entry-title-arrow {
	clear: both;
	background-image: url("../images/common/bg_border_orange.png");
	background-position: center bottom;
	background-repeat: repeat-x;
	margin: 20px 0px;
	position: relative;
}
.entry-title-arrow h1,
.entry-title-arrow h2 {
	background-image: url("../images/common/ic_arrow_orange.png");
	background-position: left 0.15em;
	background-repeat: no-repeat;
	font-size: 1.125em; /* 18px */
	font-weight: bold;
	letter-spacing: 0.03em;
	padding: 5px 0 18px 50px;
	margin: 0 0 12px;
        word-break: break-all;
}


.entry-title-arrow div.subtitle {
	font-size: 85%;
	font-weight: normal;
	margin: 6px 0 0;
}
.entry-title-my {
	background-image: url("../images/common/bg_border_blue.png");
	background-position: center bottom;
	background-repeat: repeat-x;
	margin-bottom: 20px;
	position: relative;
}
.entry-title-my h1,
.entry-title-my h2 {
	background-image: url("../images/common/ic_my.png");
	background-repeat: no-repeat;
	padding: 13px 0 20px 50px;
	font-size: 1.125em; /* 18px */
	font-weight: bold;
	letter-spacing: 0.03em;
}
/* Content headings
----------------------------------------------- */
#content h1 {
	color: #333;
	background:  #fff8dc;  
	padding:  .5em .7em;
	margin: 10px 0 10px;
	font-weight: bold;
	letter-spacing: 0.03em;
}
#content h3 { 
	background:#eee;
	border-left:7px solid #ccc; 
	padding:.8em .8em;
	margin: 5px 0 16px;
	font-weight: bold;
	letter-spacing: 0.03em;
}

.content-title{
	background-repeat: no-repeat;
	margin: 0 0 16px;
	padding: 10px 0 10px 0px; 
}
@media all and (max-width:899px){
    .content-title{
        width:100%;
    }
}

@media all and (max-width:899px){
    #q100,#q110{
   padding-top: 70px;
   margin-top: -70px;
    }
}

.content-title h2,
.content-title h3,
.content-title h4
{
	background-color: #eee;
	border-left: 7px solid #ccc;
	color: #330000;
	font-weight: bold;
	letter-spacing: 0.03em;
	margin: 0 !important;
	padding: 0.7em 0.8em;
}
table#registration-form th label {
	padding-right:10px;
}
table#registration-form td, table#registration-form th {
	border-width: 0 0 1px 0;
	border-color: #ccc;
	border-style: solid;
	vertical-align:bottom;
	padding:14px 0;
}
table#registration-form table th, table#registration-form table td {
	border:none;
	padding:0;
}
table#registration-form td {
	text-align:left;
}
table.menu {
	min-width: 80%;
	margin-bottom: 10px;
}
table.menu th {
	background: #eee;
	font-size: 0.875em; /* 14px */
	text-align: right;
	width: 180px;
	max-width: 50%;
	padding: 10px;
	margin-bottom: 10px;
	border: none;
}
table.menu tr.sideways th {
	text-align: center;
	width: inherit;
	min-width: inherit;
	max-width: inherit;
}
table.menu td {
	border: solid #CCC 1px;
	padding: 2px 10px;
	word-break: break-all;
}
table.menu td.spr {
	width: 20px;
}
table.menu2 {
	min-width: 80%;
	border: solid #CCC 1px;
}
table.menu2 th {
	padding: 10px;
	margin-bottom: 10px;
	border: solid #CCC 1px;
	background: #f7f6eb;
	font-size: 0.875em; /* 14px */
}
table.menu2 td {
	padding: 10px;
	margin-bottom: 10px;
	border: solid #CCC 1px;
	font-size: 0.875em; /* 14px */
}
table.menu2 td.spr {
	width: 20px;
}
table.menu td pre,
table.menu2 td pre {
	background-color: transparent;
	font-size: inherit;
	font-style: normal;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: none;
}
table.normal {
	min-width: 80%;
	border: solid #CCC 1px;
}
table.normal th {
	background: #eee;
	font-size: 0.875em; /* 14px */
	width: 180px;
	max-width: 50%;
	padding: 10px;
	margin-bottom: 10px;
	border: none;
}
table.normal tr.sideways th {
	text-align: center;
	width: inherit;
	min-width: inherit;
	max-width: inherit;
}
table.normal td {
	border: solid #CCC 1px;
	padding: 2px 10px;
}
table.normal td.spr {
	width: 20px;
}
table.none {
	min-width: 80%;
	border: none;
	border-collapse: collapse;
}
table.none th {
	text-align: left;
	width: 180px;
	max-width: 50%;
	padding: 6px 3px;
}
table.none td {
	vertical-align: top;
	word-break: normal;
	padding: 6px 3px;
	border: none;
}
table.none td.spr {
	width: 20px;
}
table.none td.total {
	font-weight: bold;
	padding: 8px 3px;
	border-top: 3px double #999;
}
table#custom {
	border: solid #CCC 1px;
	margin-bottom: 10px;
} 
table#custom th {
	padding: 10px;
	margin-bottom: 10px;
	border: solid #CCC 1px;
	background: #f5f5f5;
	font-size: 0.875em; /* 14px */
	vertical-align: middle;
}
table#custom td {
	padding: 10px 20px;
	margin-bottom: 10px;
	border: solid #CCC 1px;
	font-size: 0.875em; /* 14px */
}
table#custom td.calender {
	min-width: 40px;
}
.tb_pink {
	clear: both;
	background: #FFEEFF;
	padding: 2px 8px;
}
.tb_blue {
	clear: both;
	background: #E7F3FF;
	padding: 2px 8px;
}
.tb_smoke {
	clear: both;
	background: #f7f6eb;
	padding: 2px 8px;
}
.tb_paid,
.tb_excluded {
	clear: both;
	color: #fff;
	font-weight: bold;
	background: #ff77aa;
	margin: 0 0 0.6em;
	padding: 2px 8px;
}
.block_excluded {
	border: 4px solid #ff77aa;
	padding: 8px 8px 0;
}
.block_excluded_txt {
	clear: both;
	color: #fff;
	font-weight: bold;
	background-color: #ff77aa;
	margin: 0;
	padding: 6px 6px 0;
}
.menu2 dl{
	clear: both;
	margin: 0 0 10px;
	list-style-type: none;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.menu2 dt {
	clear: both;
	width: 200px;
	padding: 10px 10px 10px 30px;
	border-bottom: solid #CCC 1px;
	background: #EEEEEE;
	font-size: 0.875em; /* 14px */
	text-align: right;
	float: left;
}
.menu2 dd {
	width: 350px;
	border-bottom: solid #CCC 1px;
	padding: 10px 10px 10px 30px;
	float: left;
	color: #333;
	font-size: 0.9em;
}
#TotalPaymentWrapper {
	vertical-align:text-top;
}
#TotalPaymentWrapper td {
	text-align:right;
}
#TotalPaymentWrapper th {
	text-align:center;
}
#TotalCostText {
	font-weight:bold;
	float:left;
	margin-left:70%;
}
#TotalCostAmount {
	font-weight:bold;
	list-style:none;
	margin-right:20px;
}
.p_pink {
	font-size: 120%;
	clear: both;
	background: #FFEEFF;
	padding: 2px 8px;
	font-weight: bold;
}
.p_yellow {
	font-size: 120%;
	clear: both;
	background: #FFFFCC;
	padding: 2px 8px;
	font-weight: bold;
}

.event_notice {
	font-size: 100%;
	clear: both;
	background: #FFEEFF;
	padding: 1px 6px;
	font-weight: bold;
}
/* Header
----------------------------------------------- */
#header {
	height: 70px;
    position: relative;
}

#header_wrap {
	width: 100%;
	margin: 0 auto;
	display:inline-block;
}

#header_wrap {
	border-top: 3px solid #017453;
	border-bottom: 1px solid #ccc;
}
@media all and (max-width:899px){
    #header_wrap {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 40px;
     z-index:2;
     height: 60px;
     background-color: rgba(255,255,255,0.9);
    }
}
#header-inner {
	margin: 0;
	left: 0;
}
@media all and (min-width:900px) {
    #header-inner {
        max-width:900px;
        margin:0 auto;
    }
}
@media all and (max-width:899px){
    #header-inner {
        top: 16px;
        width: 100%;
    }
}
@media all and (max-width:720px){
    #header-inner {
        top: 10px; 
    }
}

#header-inner a {
    color: #330000;
    text-decoration: none;
}
#header-inner a:hover,
#header-inner a:focus,
#header-inner a:active {
	color: #1982d1;
}

.s-name{
    display: table-cell;
    vertical-align: middle;
line-height: 25px;
}

#site-title {
    display: inline-table;
    height:65px;
    margin-top:0px;
    font-size: 1.3em;
    color: #000;
    font-weight: bold;
    padding-top: 0px;
    max-width:80%;
}

@media all and (max-width:1500px){
    #site-title {
      font-size: 1.2em;
      max-width: 65%;
display: inline-table;
    }
    .s-name{
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
    }
}

@media all and (max-width:1100px){
    #site-title {
      font-size: 1.2em;
      max-width: 50%;
    }
}

@media all and (max-width:899px){
    #site-title {
      height:55px;
      font-size: 1.1em;
      position: absolute;
      max-width: 80%;
      margin-left:10px;
      padding-top: 0px;
    }
}

@media all and (max-width:500px){
    #site-title {
      height:55px;
      font-size: 0.9em;
      position: absolute;
      max-width: 80%;
      margin-left:10px;
      padding-top: 0px;
    }
}
#site-description {
	margin-bottom: 5px;
	padding-left: 3px;
	font-weight: bold;
	font-size: 13px;
	color: #330000;
	line-height: 1.3em;
	letter-spacing: 0.03em;
	text-decoration: none;
}

.s-logo{
    float: left;
    margin-right: 10px;
    margin-top: 13px;
}

.s-logo img{
    max-width: 40px;
    height: auto;
}
@media all and (max-width:899px) {
.s-logo{
    margin-top: 9px;
}

}

/*メニュー*/
@media all and (min-width:900px) {
    .check{display:none;}
    .menu-btn__text{display:none;}
    .drawer-menu{display:none;}

    ul#header_menu {
        list-style-type: none;
        margin:  0;
        padding: 0;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 7px;
    }

    ul#header_menu li {
        float: left;
        text-align: left;  
        margin: 7px 0 0 0;
        padding: 0 0 0 0px;
        border-left: 1px solid #CCCCCC;
        height: 45px;
        width:90px;
        text-align: center;
    }
    ul#header_menu li.qa{
        background: url(../images/header/qamark.png) center center no-repeat;
        background-size: 25px;
        background-position-y: 2px;
    }

    ul#header_menu li.qa a{
        padding-top:35px;
    }
    ul#header_menu li.contact{
        background: url(../images/header/telmark.png) center center no-repeat;
        background-size: 17px;
        background-position-y: 2px;
    }

    ul#header_menu li.mail{
        background: url(../images/header/mailmark.png) center center no-repeat;
        background-size: 27px;
        background-position-y: 4px;
    }

    ul#header_menu li.key{
        background: url(../images/header/keymark.png) center center no-repeat;
        background-size: 25px;
        background-position-y: 2px;
    }

    ul#header_menu li.mail a,ul#header_menu li.key a{
      padding-top:30px;
    }

    ul#header_menu li.logout{
        background: url(../images/header/logoutmark.png) center center no-repeat;
        background-size: 28px;
        background-position-y: 2px;
    }
    
    ul#header_menu li.home{
        background: url(../images/header/homemark.png) center center no-repeat;
        background-size: 30px;
        background-position-y: 3px;
    }

    ul#header_menu li a {
        color: #000;
        font-size: 0.8em;
        font-weight: bold;
        padding: 34px 5px 5px 5px;
        display: inline-block;
        line-height: 14px;
        text-align: center;
    }
    
    ul#header_menu li.smartphone_only{
        display:none;
    }
    
    .pc_only{
        display:block;
    }
    
    #text_size {
        color: #330000;
        font-size: 0.9em;
        font-weight: bold;
        line-height: 1.4em;
        margin-right: 5px;
        margin-top: 8px;
    }
    #btn_small {
        float: left;
        width: auto;
        margin-right: 5px;
        margin-top: 2px;
        text-align: center;
    }
    .sptopmenu{
       display:none;
    }

    .spmenu_close{
       display:none;
    }

    .spmenutxt{
       display:none;
    }

}
@media all and (max-width:899px){
    ul#header_menu{
       position: static;
       right: 0;
       top: 6px;
       font-size: 1.0em;
       width: 90%;
       margin-left: 10px;
    }

    ul#header_menu li{
       text-align:left;
       border-bottom:solid 1px #ccc;
       padding: 22px 30px 25px 43px;
       position:relative;
       list-style-type: none;
    }

    ul#header_menu a{
       color:#017453;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 10px 0px 0px 35px;
    }

    ul#header_menu a:active {
        background-color: #EBEEDD;
        text-align: center;
        padding:12px 0 0 0px;
        text-decoration:none;
    }

    ul#header_menu a:hover {
        background-color: #EBEEDD;
        text-align: center;
        padding:10px 0 0 0px;
        text-decoration:none;
        border: solid 1px white;
    }

    ul#header_menu li.spmenu_first-use{
        background: url(../images/common/spmenu1.png) left no-repeat;
        background-size: 17px;
        background-position-y: 9px;
        background-position-x: 2px;
    }

        ul#header_menu li.spmenu_login{
        background: url(../images/common/keymark2.png) left no-repeat;
        background-size: 25px;
        background-position-y: 3px;
        background-position-x: 0px;
    }

    ul#header_menu li.spmenu_news{
        background: url(../images/common/spmenu2.png) left no-repeat;
        background-size: 27px;
        background-position-y: 3px;
        background-position-x: -2px;
    }

    ul#header_menu li.qa{
        background: url(../images/header/qamark.png) left no-repeat;
        background-size: 22px;
        background-position-y: 10px;
    }


    ul#header_menu li.contact{
        background: url(../images/header/telmark.png) left no-repeat;
        background-size: 16px;
        background-position-y: 9px;
        background-position-x: 5px;
    }

    ul#header_menu li.mail{
        background: url(../images/header/mailmark.png) left no-repeat;
        background-size: 24px;
        background-position-y: 13px;
    }

    ul#header_menu li.key{
        background: url(../images/header/keymark.png) left no-repeat;
        background-size: 24px;
        background-position-y: 10px;
    }

    ul#header_menu li.logout{
        background: url(../images/header/logoutmark.png) left no-repeat;
        background-size: 26px;
        background-position-y: 7px;
        background-position-x: 3px;
    }

    ul#header_menu li.home{
        background: url(../images/header/homemark.png) left no-repeat;
        background-size: 27px;
        background-position-y: 10px;
        background-position-x: -2px;
    }
    
    ul#header_menu li.smartphone_only{
        display:block;
        padding:0px;
        margin:0px;

    }
    
    ul#header_menu li.smartphone_only a{
        padding:10px;
        position:static;
    }
    
    .pc_only{
        display:none;
    }

    .sp_br{
       display:none;
    }

    .spmenu_close,
    .spmenu_close:hover,
    .spmenu_close:active,
    .spmenu_close:focus,
    .spmenu_close:visited{
       display: inline-block;
       background: #017453;
       padding: 5px 10px;
        -webkit-border-radius: 12px;/* for Safari and Chrome */
        -moz-border-radius: 12px; /* for Firefox */
        -o-border-radius: 12px; /* for opera */
       border-radius: 12px;
       display: table;
       cursor:pointer;
       font-size: 0.9em;
       color:#fff;
       margin: 15px auto 0;
       box-shadow: 0 3px 0 #669900;
       text-decoration: none !important;
    }
    .spmenu_close:hover{
        transform:translate(1px,2px);
    }
    
    .spmenutxt{
        top:37px;
        position: absolute;
        right: 13px;
        font-size: 11px;
        color: #017453;
    }
}
/* メニューここまで */
/* Side
----------------------------------------------- */
#sideFrame {
	border: 1px #CCC solid;
	margin-top: 10px;
	padding: 5px;
}
@media all and (min-width:900px){
    #sideFrame {
        width: 227px;
    }
}
@media all and (max-width:899px){
    margin-left: 50px;
}

.side_cntFrame {
	margin-bottom: 24px;
	border: 1px #CCC dotted;
	text-align: center;
}
h2#signup_head {
	color: #fff;
	background-image: url("../images/side/title_first_bg.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	border: none;
	border-radius: 3px;
	font-size: 110%;
	text-align: center;
	line-height: 1.35em;
	letter-spacing: 0.03em;
	padding: 5px 14px 6px;
}
#signup_buttom {
	background-image: url("../images/side/btn_first_bg.png");
	background-repeat: no-repeat;
	background-position: left top;
	width: 204px;
	margin: 0 auto 8px;
	display: table;
}
#signup_buttom a, #signup_buttom a:hover, #signup_buttom a:visited {

	color: #fff;
	text-shadow: 1px 1px 2px #666;
	font-weight: bold;
	text-decoration: none;
	font-size: 115%;
	line-height: 1.35em;
	letter-spacing: 0.03em;
	display: table-cell;
	height: 72px;
	vertical-align: middle;
}
h2#login_head {
	background-color: transparent;
	background-image: url("../images/side/title_login_bg.png");
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	color: #0066CC;
	font-size: 110%;
	text-align: left;
	line-height: 1.35em;
	letter-spacing: 0.03em;
	padding: 9px 6px 5px 32px;
}
#login_button {
	background-color: transparent;
	background-image: url("../images/side/btn_login_bg.png");
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	color: #fff;
	font-size: 120%;
	letter-spacing: 0.03em;
	font-weight: bold;
	text-shadow: 1px 1px 2px #333;
	width: 196px;
	height: 72px;
	margin: 8px auto;
	padding:0;
	display: inline-block;
box-shadow: none;
}
#login_name {
	line-height: 1.3em;
	padding: 15px 0;
	margin:0 8px 15px;
	border-bottom: dotted #36C 2px;
}
#login_message {
	font-size: 0.750em; /* 12px */
	color: #ff0000;
	margin: 12px 0 0;
	padding: 0 6px;
}
#login_message #please {
	color: #086AD0;
	display: none;
}
#login_welcome {
	font-size: 0.750em; /* 12px */
}
#login_input {
	width: 200px;
	text-align:left;
	margin: 0 auto;
	padding: 0;
	display: table;
}
#login_input fieldset {
	width: auto;
	margin: 0;
}
#login_input fieldset legend {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.3;
	margin: 10px 0 16px !important;
}
#login_input div.input {
	border: none;
}
@media all and (max-width:899px){
    #login_input div.input {
        margin-left: 8px;
    }
}

#login_input div.input label {
	display: inline-block;
	padding: 0;
}
#login_input div.input input {
	margin-bottom: 8px;
}
#login_input input#UserUsername,
#login_input input#UserPassword {
	width: 184px;
	ime-mode: disabled;
}
.btn_sideTop {
	float: left;
	margin: 8px 5px;
	text-align:left;
}
#navi ul {
	list-style-type:none;
	margin: 1em 0;
}
#navi li {
	display: block;
	clear: both;
	margin: 2px 2px 3px;
	padding: 0;
	border: 1px solid #EEE;
	border-radius: 6px 6px 6px 6px;
	text-align: left;  
}
#navi li a {
	color: #fff;
	display: block;
}
#navi li a:hover {
	text-decoration: underline;
}
#navi p {
	clear: both;
	color: #fff;
	font-size: 0.813em; /* 13px */
	font-weight: bold;
	line-height: 1.4em;
	letter-spacing: 0.03em;
	text-shadow: 0 0 2px #000;
	margin: 0;
	padding: 12px 18px 10px;
}
.navi-or {
	background: #ffcc00;
	background: -moz-linear-gradient(top,  #ffcc00 1%, #ffa500 32%, #ff9900 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffcc00), color-stop(32%,#ffa500), color-stop(100%,#ff9900));
	background: -webkit-linear-gradient(top,  #ffcc00 1%,#ffa500 32%,#ff9900 100%);
	background: -o-linear-gradient(top,  #ffcc00 1%,#ffa500 32%,#ff9900 100%);
	background: -ms-linear-gradient(top,  #ffcc00 1%,#ffa500 32%,#ff9900 100%);
	background: linear-gradient(to bottom,  #ffcc00 1%,#ffa500 32%,#ff9900 100%);
}
.navi-or p {
	text-shadow: 0 0 0.8em #FF6600;
}
.navi-blue {
	clear: both;
	background: #7abcff;
	background: -moz-linear-gradient(top,  #7abcff 0%, #4096ee 53%, #1982d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(53%,#4096ee), color-stop(100%,#1982d1));
	background: -webkit-linear-gradient(top,  #7abcff 0%,#4096ee 53%,#1982d1 100%);
	background: -o-linear-gradient(top,  #7abcff 0%,#4096ee 53%,#1982d1 100%);
	background: -ms-linear-gradient(top,  #7abcff 0%,#4096ee 53%,#1982d1 100%);
	background: linear-gradient(to bottom,  #7abcff 0%,#4096ee 53%,#1982d1 100%);
}
.navi-gr {
	clear: both;
	background: #9dd53a;
	background: -moz-linear-gradient(top,  #9dd53a 0%, #99cc00 32%, #80c217 70%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(32%,#99cc00), color-stop(70%,#80c217));
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#99cc00 32%,#80c217 70%);
	background: -o-linear-gradient(top,  #9dd53a 0%,#99cc00 32%,#80c217 70%);
	background: -ms-linear-gradient(top,  #9dd53a 0%,#99cc00 32%,#80c217 70%);
	background: linear-gradient(to bottom,  #9dd53a 0%,#99cc00 32%,#80c217 70%);
}
.navi-red {
	background: #ffcc00;
	background: -moz-linear-gradient(top,  #ffcc00 0%, #ffaf4b 36%, #ff920a 84%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(36%,#ffaf4b), color-stop(84%,#ff920a));
	background: -webkit-linear-gradient(top,  #ffcc00 0%,#ffaf4b 36%,#ff920a 84%);
	background: -o-linear-gradient(top,  #ffcc00 0%,#ffaf4b 36%,#ff920a 84%);
	background: -ms-linear-gradient(top,  #ffcc00 0%,#ffaf4b 36%,#ff920a 84%);
	background: linear-gradient(to bottom,  #ffcc00 0%,#ffaf4b 36%,#ff920a 84%);
}
#navi .blue {
	border-left: 7px solid #1982D1;
}
#navi .green {
	border-left: 7px solid #9ACD32;
}
/* sub-navi */
#sub-navi ul {
	list-style-type:none;
	margin: 1em 0;
}
#sub-navi li {
	clear: both;
	background: #f0f0f0;
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 1%, #e2e2e2 77%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(1%,#ffffff), color-stop(77%,#e2e2e2), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 1%,#e2e2e2 77%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #f0f0f0 0%,#ffffff 1%,#e2e2e2 77%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 1%,#e2e2e2 77%,#f2f2f2 100%);
	background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 1%,#e2e2e2 77%,#f2f2f2 100%);
	text-align: left;  
	margin: 2px 2px 3px;
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 5px 5px 5px 5px;
	display: block;
}
#sub-navi li a {
	color: #1982D1;
	padding: 12px 18px 10px;
	display: block;
}
#sub-navi li a:hover {
	text-decoration: underline;
}
#sub-navi p {
	clear: both;
	border-left: 7px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #1982d1;
	font-size: 0.813em; /* 13px */
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	text-shadow: 0 1px 1px #fff;
}
/* vContent
----------------------------------------------- */
button.prev,
button.back {
	display: inline-block;
	margin-right: 30px;
	margin-top: 50px;
}
button.next,
button.confirm,
button.commit {
	display: inline-block;
}
#content_frame {
	border: solid #CCC 1px;
	padding: 15px 20px 30px;
	margin: 8px 0 40px;
}
#main-wide #content_frame {
	border: none;
	margin: 0 0 40px;
}
.btn_area {
	margin: 10px 0; 
}
.btn_area.horizontal {
	border-bottom: none;
	display: table;
	table-layout: fixed;
    width:auto;
}
.btn_area02 {
	margin-top: 20px;
	text-align: center; 
}
.btn_area02 form {
	display: inline-block;
}
.button2,
.button2 a,
.button2 a:hover,
.button2 a:active,
.button2 a:visited,
.button3,
.button3 a,
.button3 a:hover,
.button3 a:active,
.button3 a:visited {
	color: #111;
	text-decoration: none;
	display: inline-block;
}
.button1 a,
.button1 a:hover,
.button1 a:active,
.button1 a:visited {
	color: #111;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-shadow: 1px 1px 1px #fff;
	padding: 10px 25px;
	display: inline-block;
}
.button2 {
	color: #111;
	text-align: left;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-shadow: 1px 1px 1px #fff;
	padding: 10px 25px;
}
.button3 {
	color: #111;
	text-align: left;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-shadow: 1px 1px 1px #fff;
	padding: 3px 10px;
}
.button1,
.button2,
.button3 {
	background: #efefef;
	background: -moz-linear-gradient(top,  #efefef 0%, #f2f2f2 50%, #e0e0e0 51%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#f2f2f2), color-stop(51%,#e0e0e0), color-stop(100%,#e0e0e0));
	background: -webkit-linear-gradient(top,  #efefef 0%,#f2f2f2 50%,#e0e0e0 51%,#e0e0e0 100%);
	background: -o-linear-gradient(top,  #efefef 0%,#f2f2f2 50%,#e0e0e0 51%,#e0e0e0 100%);
	background: -ms-linear-gradient(top,  #efefef 0%,#f2f2f2 50%,#e0e0e0 51%,#e0e0e0 100%);
	background: linear-gradient(to bottom,  #efefef 0%,#f2f2f2 50%,#e0e0e0 51%,#e0e0e0 100%);
	border: 1px solid #777;
	border-radius: 3px;
	box-shadow: 0 0 3px #fff inset;
}
.button1:hover,
.button2:hover,
.button3:hover {
	background: #d3e7ea;
	background: -moz-linear-gradient(top,  #d3e7ea 1%, #d0e7ea 50%, #9fe0f2 51%, #c0e9ed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d3e7ea), color-stop(50%,#d0e7ea), color-stop(51%,#9fe0f2), color-stop(100%,#c0e9ed));
	background: -webkit-linear-gradient(top,  #d3e7ea 1%,#d0e7ea 50%,#9fe0f2 51%,#c0e9ed 100%);
	background: -o-linear-gradient(top,  #d3e7ea 1%,#d0e7ea 50%,#9fe0f2 51%,#c0e9ed 100%);
	background: -ms-linear-gradient(top,  #d3e7ea 1%,#d0e7ea 50%,#9fe0f2 51%,#c0e9ed 100%);
	background: linear-gradient(to bottom,  #d3e7ea 1%,#d0e7ea 50%,#9fe0f2 51%,#c0e9ed 100%);
}
.bcenter {
	display: table;
	display: block\9; /* for lte IE8 */
	margin: 0 auto;
}
.scroll_box{
	width: 900px;
	height: 160px;
	padding: 5px;
	margin-bottom: 1.5em;
	background-color: #ffffff;
	border: 1px #c0c0c0 solid;
	color: #000000;
	overflow-y: auto;
}
.scroll_box_420{
	height: 420px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px #c0c0c0 solid;
	color: #000000;
	overflow-y: auto;
}
.scroll_box_180{
	height: 180px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px #c0c0c0 solid;
	color: #000000;
	overflow-y: auto;
}

#main ol {
	margin-left: 30px;
	line-height: 1.3em;
}
#main ol li{
	margin-bottom: 15px;
}
#main ol.explain li {
	margin-bottom: 6px;
}
.btn_index {
	padding: 0 0 30px;
	height: 45px;
}
.btn_index ul {
	display: inline-block;
	list-style-type:none;
}
.btn_index li {
	float: left;
	min-width: 256px;
	border: 1px solid #ddd;
	border-radius: 5px 5px 5px 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	text-align: left;
	text-shadow: 1px 1px 1px #fff;
}
.btn_index li.disabled {
	border: 1px solid #bbb;
	background: #c4c4c4;
	background: -moz-linear-gradient(top,  #c4c4c4 0%, #b2b2b2 50%, #9e9e9e 51%, #c4c4c4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(50%,#b2b2b2), color-stop(51%,#9e9e9e), color-stop(100%,#c4c4c4));
	background: -webkit-linear-gradient(top,  #c4c4c4 0%,#b2b2b2 50%,#9e9e9e 51%,#c4c4c4 100%);
	background: -o-linear-gradient(top,  #c4c4c4 0%,#b2b2b2 50%,#9e9e9e 51%,#c4c4c4 100%);
	background: -ms-linear-gradient(top,  #c4c4c4 0%,#b2b2b2 50%,#9e9e9e 51%,#c4c4c4 100%);
	background: linear-gradient(to bottom,  #c4c4c4 0%,#b2b2b2 50%,#9e9e9e 51%,#c4c4c4 100%);
	text-shadow: 0 1px 1px #333;
}
.btn_index_plus p,
.btn_index_plus_disabled p,
.btn_index_my p,
.btn_index_my_disabled p {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: 0.06em;
	margin: 0 0 0 18px;
	padding: 0;
	display: inline-block;
}
.btn_index_plus p a,
.btn_index_plus_disabled p a,
.btn_index_my p a,
.btn_index_my_disabled p a {
	min-width: 180px;
	padding: 13px 18px 10px 40px;
	display: inline-block;
}
.btn_index_plus p {
	background: url("../images/common/ic_plus.png") no-repeat left;
	color: #1982d1;
}
.btn_index_plus_disabled p {
	background: url("../images/common/ic_plus_disabled.png") no-repeat left;
	color: #fff;
}
.btn_index_my p {
	background: url("../images/common/ic_arrow_my.png") no-repeat left;
	color: #1982d1;
}
.btn_index_my_disabled p {
	background: url("../images/common/ic_arrow_my_disabled.png") no-repeat left;
	color: #fff;
}
.box-center {
	text-align: center;
	margin-bottom: 20px;
	border: 1px dotted #CCC ;
	padding: 1px;
}
#flow ul {
	width: 95%;
	list-style-type: none;
	margin: 5px auto 10px;
	padding: 7px 16px;
	border: 1px dotted #ccc;
	display: inline-block;
}
#flow li {
	float: left;
	color: #999;
	font-size: 14px;
	line-height: 1.2em;
	white-space: nowrap;
	padding: 0 5px;
	display: inline-block;
	vertical-align: middle;
}
#content02 .entry-title-arrow {
	margin-bottom: 3px;
}
#content02 .entry-title-leaf  {
	background-image: url("../images/common/ic_leaf.png");
	background-position: left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding: 0 0 10px 53px;
}
#content02 .entry-title-leaf h3 {
	clear: both;
	padding:.7em .8em;
	margin-bottom: 0;
}
#content02 .entry-title-leaf2{
	background-image: url("../images/common/ic_leaf2.png");
	background-position: left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding: 0 0 10px 53px;
}
#content02 .entry-title-leaf2 h3{
	clear: both;
	margin-bottom: 0;
	padding:.7em .8em;
}
.your-mail,
.your-pass {
	width: 256px;
	ime-mode: disabled;
}
.deadline,
.deadline2 {
	font-size: 0.813em; /* 13px */
	line-height: 1.3em;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 0;
}
.deadline2 {
	top: 0;
}
ul.list {
	margin: 0 0 16px;
	display: table;
	table-layout: fixed;
}
@media all and (min-width:900px){
    ul.list {
        width: 100%;
    }
}
@media all and (max-width:899px){
    ul.list {
        width: 90%;
    }
}
@media all and (min-width:900px){
    ul.list li {
        list-style-type: none;
        margin: 0;
        display: table-cell;
        vertical-align: middle;
    }
}
@media all and (max-width:899px){
    ul.list li {
        list-style-type: decimal;
        margin: 0;
        vertical-align: middle;
    }
}
ul.list li a {
	padding: 2px 4px;
	display: block;
}

ul.list li.horizontal span.hosoku {
	display: block;
	right: 0;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
}
ul.list.vertical {
	table-layout: auto;
	width: auto;
	display: table;
	margin: 0 auto 16px;
	list-style: outside none none;
}
@media all and (min-width:900px){
    ul.list.vertical {
        min-width: 460px;
        max-width: 100%;
    }
}
@media all and (max-width:899px){
    ul.list.vertical {
        width: 80%;
    }
}

ul.list.vertical li {
	display: list-item;
	list-style-type: unset;
	position: relative;
	background-color: #0099CC;
	border-radius: 5px;
	color: #fff;
	line-height: 42px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #336699;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	margin-top: 10px;
	text-aligin:center;
	font-size: 19px;
	
}
ul.list.vertical li:hover {
	background-color: #00B6F2;
}
ul.list.vertical li a{
	text-decoration: none;
	color: #fff;
	text-align: center;
}

/*申し込み一覧*/
@media all and (min-width:900px){
    ul.list.table {
        border-top: 1px solid #ddd;
        margin: -1px;
        padding:0;
        border-bottom: 1px solid #ddd;
    }
}
ul.list.table:last-child {
	border-bottom: 1px solid #ddd;
}
ul.list.table.heading {
	background-color: #efefef;
	font-weight: bold;
	border-bottom: none;
    text-align: center;
}
@media all and (min-width:900px){
    ul.list.table li:nth-child(1) {
        width:80px;
    }
}
@media all and (max-width:899px){
    ul.list.table{
       margin:25px auto;
    }

    ul.list.table.heading{
       display:none;
    }

    ul.list.table li {
        border-right: none;
        border-bottom: none;
        vertical-align: top;
        padding: 3px 3px 8px 3px;
        margin:-1px auto;
        border-left:solid 1px #017453;
        border-right:solid 1px #017453;
        list-style:none;
        text-align:center;
    }
    ul.list.table li:before {
        border-left: none;
        display: table;
/*        background: #F0FFFF;*/
        padding:8px 0px;
        margin:0px auto 10px;
        width: 100%;
        font-weight:normal;
        border-top:dotted 1px #ccc;
        font-weight: bold;
    }

    ul.list.table li:last-child{
        border-bottom:solid 1px #017453;
    }

    ul.list.table li:nth-child(2) {
        /*border:none;*/
        /*border: 0px;*/
        border-top:1px solid #000;
        /*background: #017453;*/
        background-color: #efefef;
        margin-bottom:10px;
        padding: .6em .8em;
        margin: 5px 0 0px;
        font-weight: bold;
        letter-spacing: 0.03em;
        text-align:left;
        /*color:#fff;*/
    }

    ul.list.table li:nth-child(3):before {
    }

    ul.list.table li:nth-child(3) {
            margin:0px 0px;
            border-top: 1px solid #017453;
            padding:5px 0px;
    }

    ul.list.table li:nth-child(4):before {
        content:"申込番号";
    }
    ul.list.table li:nth-child(5):before {
        content:"氏名";
    }
    ul.list.table li:nth-child(6):before {
        content:"お知らせ";
    }
    ul.list.table li:nth-last-child(7):first-child ~ li:nth-child(7):before, ul.list.table li:nth-child(9):before {
        content:"ダウンロード書類";
    }
    ul.list.table li:nth-last-child(n+8):first-child ~ li:nth-child(7):before {
        content:"金額";
    }
    ul.list.table li:nth-child(8):before {
        content:"支払";
    }
    ul.list.table li a {
        margin: 0;
        padding:0;
        display: inline-block;
    }
}

@media all and (max-width:899px){
    ul.list.table li:nth-child(2) {
        padding:8px 20px;
    }
}
.actions-pc{
       margin:0px auto;
}
@media all and (max-width:899px){
    .actions-pc{
           margin:0px auto;
           display:none!important;
    }
}

.actions-sp{
       margin:0px auto;
       display:none!important;
}
@media all and (max-width:899px){
    .actions-sp{
           margin:0px auto;
           display:block!important;
    }
}

ul.list.table.blue-heading {
	background-color: #9CA7E2;
	font-weight: bold;
	border-bottom: none;
}
dl.list.table.blue-heading {
	border: 1px solid #ddd;
}
dl.list.table.blue-heading dt,
dl.list.table.blue-heading dd {
	padding: 4px;
	margin: 0;
}
dl.list.table.blue-heading dt {
	float: none;
	display: block;
	background-color: #9CA7E2;
	font-weight: bold;
	border-bottom: none;
}
ul.answer-index li {
    margin: 0 0 12px !important;
}
dl.answer dt {
    display: block;
}
dl.answer dd {
    word-break: break-all;
}
@media all and (min-width:900px){
    li.listnone{
         display: table-cell;
    }
    ul.list.table li {
        word-wrap: break-word;
        border-right: 1px solid #ddd;
        border-bottom: none;
        vertical-align: middle;
        padding: 4px;
    }
    ul.list.table li:first-child {
        border-left: 1px solid #ddd;
    }
}
@media all and (max-width:899px){
    li.listnone{
        display:none;
    }
    li.stylenone{
        list-style-type: none!important;
    }
   
}

ul.list.table li a {
	margin: 0;
	padding:0;
	display: inline-block;
}

@media all and (max-width:899px){
    li.liact {background:#ffff00;}
    input#last-name, input#first-name, input#last-name-kana, input#first-name-kana, input#p-last-name, input#p-first-name, input#p-last-name-kana, input#p-first-name-kana {
        width: inherit;
        float:none;
        display:block;
    }
}

input#zip-code, input#oldschool-zip, input#p-zip-code {
	ime-mode: disabled;
}
@media all and (min-width:900px){
    input#address, input#p-address {
        width: 75%;
    }
}
@media all and (max-width:899px){
    input#address, input#p-address {
        width: inherit;
    }
}
input#tel,input#tel, input#p-tel, input#school-tel, input#p-tel2 , input#oldschool-phone{
	ime-mode: disabled;
}
@media all and (max-width:899px){
    input#tel,input#tel, input#p-tel, input#school-tel, input#p-tel2 , input#oldschool-phone{
        width: inherit;
    }
}
@media all and (max-width:899px){
    select#old-schools-id {
        width: 90%;
    }
}
@media all and (min-width:900px){
    input#oldschool-kana{
        display: inline-block;
    }
}
@media all and (max-width:899px){
    input#oldschool-kana, input#school-name {
        width: 90%;
    }
}
button.select_zip_code {
	float: none !important;
}

@media all and (max-width:899px){
    input#relation {
        width: inherit;
    }
}

fieldset {
    border: none;
	margin: 0 auto 10px;
}
@media all and (max-width:899px){
    fieldset {
        width: 98%;
        margin:0px;
    }
}
fieldset legend {
    border-bottom: 2px solid #1798A5;
    width: 100%;
	font-size: 1.18em;
	line-height: 1.5em;
	margin: 6px 0 0 !important;
    font-weight:bold;
}

fieldset fieldset{
    border:2px solid #ddd;
    -webkit-border-radius: 5px;/* for Safari and Chrome */
    -moz-border-radius: 5px; /* for Firefox */
    -o-border-radius: 5px; /* for opera */
    -ms-border-radius: 5px; 
    border-radius: 5px;
    width:auto;
    padding:0 10px 10px 10px;
    margin:10px 0 20px 0;
    display:grid;
}
fieldset fieldset legend{
    border:none;
    color:#444;
    width:auto;
}

fieldset .input {
	/*border-bottom: 2px solid #f3f3f3;*/
	width: 100%;
	padding-left: 10px;
	display: table;
	table-layout: fixed;
}

fieldset div.setline{
    /*border-top:  2px solid #f3f3f3;*/
    padding-top:10px;
}

fieldset .noline,
fieldset div.setline:first-of-type {
    border: none !important;
}

fieldset .noline,
fieldset div.input:last-of-type {
    border-bottom: none !important;
}

@media all and (min-width:900px){
    .view .input {
        border-bottom: 2px solid #f3f3f3;
        width: 100%;
        padding: 10px 0  10px 10px;
        display: table;
        table-layout: fixed;
        background:#fff;
    }
    .view .input:nth-child(2n+1) {
         background: #F0FFFF;
        }
    .view .input .ddinput{
        background-color:#fff;
    }
    .input radio required{
        background:#fff;
    }
    
    fieldset div.input label {
        float: left;
        width: initial;
        vertical-align: middle;
        display: initial;
    }
    fieldset div.input > div.input {
        border-bottom: none;
    }
    fieldset div.input > div.input label {
            float: left;
            width: initial;
            padding-right: 20px;
            display: inherit;
    }
    fieldset div.input.radio {
/*        display: block;
        float: left;*/
    }
    fieldset div.input.radio label,
    fieldset div.input.date label {
/*        float: none;
        display: inherit;*/
    }
    fieldset div.input.radio label:not(:first-child) {
        /*width: auto;*/
        margin-right: 10px;
        /*float:left;*/
    }
    fieldset div.horizontal {
        /*border-bottom: 2px solid #f3f3f3;*/
        width: auto;
        display: flex;
        table-layout: fixed;
    }
    fieldset div.horizontal label {
        float: none;
    }
    fieldset div.horizontal div.input {
        border-bottom: none;
        float: left;
        width: inherit;
        margin-right:30px;
    }
    fieldset div.horizontal div.separate{
        position:relative;
        height: auto;
        white-space: nowrap;
        padding: 10px;
    }
    fieldset div.horizontal div.separate span,
    fieldset div.horizontal div.separate button{
        position: absolute;
        top: 50%;
        margin-top: -0.2rem;
    }
    fieldset div.horizontal div.separate span {
        font-size: 0.85em;
        color: #666;
    }
    fieldset div.horizontal div.separate button{
        margin-top: -1.1rem;
        margin-left: 10px;
    }
    fieldset div.horizontal div.input:not(:first-child) {
        float: right;
    }
    fieldset div.horizontal div.input:not(:first-child) label {
        vertical-align: middle;
    }
    fieldset .s-search {
        border-bottom: none;
    }
    fieldset .s-search .s-search-label {
        display: table;
        width: 100%;
    }
    fieldset .s-search .s-search-wrapper {
        display: table;
    }
    fieldset div.input.s-select {
        padding: 0 0 5px 0;
    }
}
fieldset .ex {
	clear: both;
	color: #708090;
	font-size: small;
	vertical-align: middle;
	margin: 0 0 0 11px;
}
@media all and (max-width:899px){
    fieldset .ex {
        display: ruby;
    }
}
fieldset .ex.after {
	clear: none;
	margin: 9px 0 9px 16px;
}

@media all and (min-width:899px){
    fieldset .ex.after {
        float: right;
    }
}
@media all and (max-width:899px){
    fieldset .ex.after {
        float: none;
    }
}
fieldset div.ex0 {
	position: relative;
}
@media all and (min-width:900px){
    fieldset span.ex1 {
        color: #708090;
        font-size: small;
        left: 80px;
        position: absolute;
        padding:7px;
    }
    fieldset span.ex2 {
        color: #708090;
        font-size: small;
        left: 270px;
        position: absolute;
        padding:7px;
    }
    fieldset span.ex3 {
        color: #708090;
        font-size: small;
        left: 70px;
        position: absolute;
        padding:7px;
    }
    fieldset span.ex4 {
        color: #708090;
        font-size: small;
        left: 300px;
        position: absolute;
        padding:7px;
    }
    fieldset span.ex5 {
        color: #708090;
        font-size: small;
        left: 90px;
        position: absolute;
        padding:7px;
        top:190px;
    }
    fieldset span.ex6 {
        color: #708090;
        font-size: small;
        left: 210px;
        position: absolute;
        padding:7px;
        top:220px;
    }
    fieldset span.ex7 {
        color: #708090;
        font-size: small;
        left: 210px;
        position: absolute;
        padding:7px;
        top:315px;
    }
    fieldset span.ex8 {
        color: #708090;
        font-size: small;
        left: 75px;
        position: absolute;
        padding:7px;
        top:-5px;
    }
    fieldset span.ex9 {
        color: #708090;
        font-size: small;
        left: 530px;
        position: absolute;
        padding:7px;
        top:-5px;
    }
    fieldset span.ex10 {
        color: #708090;
        font-size: small;
        left: 75px;
        position: absolute;
        padding:7px;
        top:0px;
    }
    fieldset span.ex11 {
        color: #708090;
        font-size: small;
        left: 135px;
        position: absolute;
        padding:7px;
        top:190px;
    }
    fieldset span.ex12 {
        color: #708090;
        font-size: small;
        left: 105px;
        position: absolute;
        padding:7px;
        top:0px;
    }
    fieldset span.ex13 {
        color: #708090;
        font-size: small;
        left: 120px;
        position: absolute;
        padding:7px;
        top:0px;
    }
}
@media all and (max-width:899px){
    fieldset span.ex1 {
        color: #708090;
        font-size: small;
        left: 35px;
        position: absolute;
        padding:5px;
        top: 7px;
    }
    fieldset span.ex2 {
        color: #708090;
        font-size: small;
        left: 35px;
        position: absolute;
        padding:5px;
        top: 107px;
    }
    fieldset span.ex3 {
        color: #708090;
        font-size: small;
        left: 70px;
        position: absolute;
        padding:5px;
        top:5px;
    }
    fieldset span.ex4 {
        color: #708090;
        font-size: small;
        left: 70px;
        position: absolute;
        padding:5px;
        top:105px;
    }
    fieldset span.ex5 {
        color: #708090;
        font-size: small;
        left: 85px;
        position: absolute;
        padding:7px;
        top:187px;
    }
    fieldset span.ex6 {
        color: #708090;
        font-size: small;
        left: 80px;
        position: absolute;
        padding:7px;
        top:207px;
    }
    fieldset span.ex7 {
        color: #708090;
        font-size: small;
        left: 205px;
        position: absolute;
        padding:7px;
        top:310px;
    }
    fieldset span.ex8 {
        color: #708090;
        font-size: small;
        left: 70px;
        position: absolute;
        padding:7px;
        top:3px;
    }
    fieldset span.ex9 {
        color: #708090;
        font-size: small;
        left: 120px;
        position: absolute;
        padding:7px;
        top:105px;
    }
    fieldset span.ex10 {
        color: #708090;
        font-size: small;
        left: 70px;
        position: absolute;
        padding:7px;
        top:4px;
    }
    fieldset span.ex11 {
        color: #708090;
        font-size: small;
        left: 125px;
        position: absolute;
        padding:7px;
        top:210px;
    }
    fieldset span.ex12 {
        color: #708090;
        font-size: small;
        left: 100px;
        position: absolute;
        padding:7px;
        top:4px;
    }
}
fieldset div.input.s-select div.input {
	padding-top: 0;
}
fieldset p.restore-search-area {
	text-align: right;
	margin: 12px 0 0 !important;
}
fieldset p.restore-search-area,
fieldset button.direct_input_school_name {
	background: transparent;
	color: #1982d1;
	padding: 0;
	margin-top: 5px;
	cursor:pointer;
	text-shadow: none;
	box-shadow: none;
	border-radius: none;
}
fieldset p.restore-search-area:hover,
fieldset button.direct_input_school_name:hover {
	text-decoration: underline;
}

@media all and (max-width:899px){
    .view .input {
        border-bottom: 2px solid #f3f3f3;
        width: 100%;
        padding: 10px 0  10px 10px;
        display: table;
        table-layout: fixed;
        background:#fff;
    }
    .view .input:nth-child(2n+1) {
         background: #F0FFFF;
        }
    .view .input .ddinput{
        background-color:#fff;
    }
    .input radio required{ background:#fff; }
    fieldset .noline,
    fieldset div.input:last-of-type {
        border-bottom: none !important;
    }
    fieldset div.input label {
        /*float: left;*/
        width: initial;
        vertical-align: middle;
        display: initial;
        /*min-width: 64px;*/
    }
    fieldset div.input > div.input {
        border-bottom: none;
    }
    fieldset div.input > div.input label {
        /*width: 160px;*/
        display: inherit;
    }
    fieldset div.input.radio {
        /*display: block;*/
        /*float: left;*/
        /*width: 200px;*/
    }
    fieldset div.input.radio label,
    fieldset div.input.date label {
        display: inherit;
        float:none;
    }
    fieldset div.input.radio label:not(:first-child) {
        width: auto;
        margin-right: 10px;
        float:left;
    }
    fieldset div.horizontal {
        width: auto;
        display: table;
        table-layout: fixed;
    }
    fieldset div.horizontal div.input {
        border-bottom: none;
        float: left;
        width: inherit;
    }
    fieldset div.horizontal div.input:not(:first-child) {
        /*float: unset;*/
        /*padding-left: 0px;*/
    }
    fieldset div.horizontal div.input:not(:first-child) label {
        vertical-align: middle;
    }
}

fieldset div.input p.item {
	font-size: unset;
	margin: 0;
	padding: 6px 20px 6px 4px;
}
fieldset div.input h4 {
	font-weight: bold;
	border-left: 6px solid #ddd;
	border-bottom: 3px solid #ddd;
	padding-left: 6px;
	margin: 0 0 10px;
}
fieldset div.input h5 {
	background-color: #ffeecc;
	padding: 9px 0 8px 14px;
	margin: 0 0 10px;
}
fieldset div.input dl {
	clear: both;
	width: 100%;
	padding: 6px 15px;
	table-layout: fixed;
	border-bottom: 1px solid #ddd;
}
fieldset div.input dl:last-of-type {
	border-bottom: none;
}
fieldset div.input dt,
fieldset div.input dd {
	font-size: inherit;
	font-weight: normal;
	line-height: unset;
	margin: 0;
}
fieldset div.input dt {
	color: #4d4d4d;
	vertical-align: top;
	padding: 0 20px 0 0;
}
@media all and (min-width:900px){
    fieldset div.input dt {
        width: 220px;
        display: table-cell;
    }
}
@media all and (max-width:899px){
    fieldset div.input dt {
        width: auto;
        display: table-caption;
    }
}

fieldset div.input dd {
	vertical-align: middle;
}
fieldset div.input .dlradio dd div.input{
	display: block;
}
fieldset div.input .dlradio dd div.input label {
	display: inherit !important;
	width: 100% !important;
}
fieldset div.input .dlradio dd div.input label input {
	float: left;
	clear: both;
}
fieldset div.input .dlradio dd div.input label p {
	line-height: 1;
	display: table;
}
fieldset div.input dd div.input {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 8px;
	width: auto;
}
fieldset div.input dd div.input.checkbox {
	display: table;
	table-layout: auto;
}
fieldset div.input dd div.input.checkbox label {
	display: block;
	float: left;
	padding: 0;
	width: 240px;
}
fieldset div.input dd div.input.checkbox input[type="checkbox"] {
	margin-bottom: 0;
}
fieldset div.input dd div.input label {
	width: 150px;
	margin: 0;
	padding:0;
}
fieldset div.input dd div.input.radio label {
	display: block;
	margin: 0 10px 0 0;
	width: auto;
}
ul.pagination {
	margin: 0;
}
.agreement {
	font-size: 1.2em;
	margin: 16px 0 0 6px;
}
.agreement div.input {
	display: inline;
}
.agreement div.input input[type="checkbox"] {
	float: left;
	margin: 6px 7px 0 0;
	transform: scale(1.5, 1.5);
}


div.message {
    background-color: #82D5EE;
    cursor: pointer;
    font-weight: normal;
    color: #626262;
    line-height: 2.5em;
    padding: 0 1.5rem 0 1.5rem;
    position: absolute;
    top: -24px;
    display: block;
    z-index: 999;
    overflow: hidden;
    box-shadow: 3px 6px 7px #999;
}
@media all and (min-width:900px){
    div.message {
        box-shadow: 2px 2px 1px #ccc;
        color: #333;
        cursor: pointer;
        display: table;
        width: auto;
        height: initial;
        overflow: hidden;
        position: absolute;
        top: 10px;
        left: auto;
        right: 0;
        padding: 20px 40px;
        z-index: 999;
    }
}
@media all and (max-width:899px){
    div.message {
        box-shadow: none;
        cursor: default;
        display: table;
        line-height: 1.5em;
        width: 80%;
        height: initial;
        position: fixed;
        margin: 0 auto 10px auto;
        padding: 10px 20px;
        z-index: 9999;
        top: 75px;
        left: auto;
        right: 5px;
        padding: 20px 20px;
        margin: 0 10px 10px 20px;
        cursor: pointer; 
    }
}

div.message:before {
    line-height: 0px;
    font-size: 20px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius:15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
    background-color: #FFF;
    padding: 17px 10px 1px 9px;
    content: "i";
    color: #a0d3e8;
}

div.message.error {
    background-color: #C3232D;
    color: #FFF;
}

div.message.error:before {
    padding: 14px 10px 4px 9px;
    color: #C3232D;
    content: "x";
    font-size: 20px;
    margin-bottom: 5px;
}

@media all and (min-width:900px){
    div.message:hover {
        opacity: 0.7;
    }
    div.message.hidden {
        opacity: 0;
        height:  0;
        top: -400px;
        -webkit-transition: all 1s ease-in-out 0s;
        -moz-transition: all 1s ease-in-out 0s;
        -ms-transition: all 1s ease-in-out 0s;
        -o-transition: all 1s ease-in-out 0s;
    }
}
@media all and (max-width:899px){
    div.message:hover {
        opacity: 1;
    }
    div.message.hidden {
        opacity: 1;
        height:  auto;
        top: -400px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }
}
/* User-auths override
----------------------------------------------- */
div#UserAuthsRegist div#selectChangeArea input,
div#UserAuthsRegist div#selectChangeArea select,
div#UserAuthsRegist div#selectCreateArea input {
	display: table;
	width: 100%;
}

@media all and (max-width:899px){
    button#selectChangeBtn, button#selectCreateBtn {
        float: none;
        display: table;
    }
    button#selectCreateBtn {
        margin-top: 30px;
    }
}
/* Footer
----------------------------------------------- */
#footer_wrap {
	clear: both;
	border-top: 3px solid #017453;
}
#footer {
	position: relative;
	padding-top: 10px;
}
#footer p {
	font-size: 80%;
	color: #330000;
	line-height: 1.5em;
	margin-bottom: 0;
}
#copyright {
	clear: both;
	font-size: 0.750em; /* 12px */
	color: #330000;
	font-style: normal;
	float: right;
	display:inline-block;
}
/* Handling by the framework
----------------------------------------------- */
.error-message {
	clear: both;
	background-color: #ff0000;
	color: #fff;
	font-size: 0.75em;
	line-height: 1.25em;
	margin: 6px 0;
	padding: 2px 6px;
	border-radius: 4px;
	display: table;
}
#flashMessage {
	background-color: #ff0000;
	color: #fff;
	font-size: 135%;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000;
	max-width: 986px;
	margin: 0 auto 12px;
	padding: 8px;
	border-radius: 4px;
}

/* 管理画面用のoverride
----------------------------------------------- */
#main.admin-layout {
	width: 95%;
}
#main.admin-layout #content,
#main.admin-layout .content {
	width: 100% !important;
}
#main.admin-layout fieldset.wide-label label {
	float: left;
}
#main.admin-layout table {
	width: auto;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	min-width: 40%;
}
#main.admin-layout table th,
#main.admin-layout table td {
	width: -moz-fit-content;
	width: -webkit-fit-content;
	overflow-wrap: break-word;
}
/* 学校選択
----------------------------------------------- */
.school-select {
    display: flex;
    padding: 16px 10px;
    flex-wrap: wrap;
}
.school-select label:nth-child(n + 1) {
    margin-right: 20px;
    margin-top: 20px;
}

@media all and (max-width:899px){
    .school-select label:nth-child(n + 1) {
            margin-right: auto;
    }
    .school-select label {
            display: table !important;
            margin: 10px 0;
    }
    .school-select label span {
            width: 6rem;
            text-align: right;
            display: inline-table;
    }
}

/* 管理画面調査書入力欄用
----------------------------------------------- */
.major-subject {
	background-color: #CCFFCC;
	text-shadow: 1px 1px 0 #000;
}
.input-survey {
	max-width: 40px;
	margin: 0 auto 12px;
	padding: 8px;
}

p.description{
	color:#777777;
	padding:0 0 0 20px;
}

.validate_error{
	color:#ffffff;
	background:red;
	margin-left:20px;
	padding:0 3px;
	border-radius: 4px;
}

.not_yet_alert{
	color:red;
	font-weight:bold;
	font-size: 1.2em;
}

.event_sub_title{
	font-weight: bold;
	border-left: 10px solid #066;
	padding-left: 10px;
	margin: 0 0 10px;
}
.event_sub{
	margin-left:10px;
	margin-bottom:0px;
}



.field_title{
	margin-top:13px;
	border-bottom: 1px solid #066;
        padding-bottom: 5px;
        margin-bottom:5px;
}
.event_sub ul{
	margin-bottom:2px;
}

.event_sub ul li{
	margin-bottom:0px;
}

.event_other{
	display:block;
        margin-top:10px;
}

/* Loading Animation
----------------------------------------------- */
#loading-wrapper {
    background-color: #fff;
    z-index: 900;
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    opacity: 0.8;
}
#loading-wrapper .loading-spinner120 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: url("../images/common/spinner-120px.gif") center center no-repeat;
}
/* CombiniPrint
----------------------------------------------- */

.combini-thumbnail {
    height: auto;
    display: inline-block;
    border: 1px solid #dedede;
}
@media all and (min-width:900px) {
    .combini-thumbnail {
        max-width: 420px;
        margin: 0 10px;
    }
    .combini-thumbnail.vertically {
        max-height: 420px;
        width: auto;
    }
}

@media all and (max-width:899px){
    .combini-thumbnail {
        max-width: 400px;
        margin: 10px;
        width: 96%;
    }
    .combini-thumbnail.vertically {
        max-height: 400px;
        width: auto;
    }
}
.news_from_vendor dt {
    display: inline-block;
    min-width: inherit;
    width: auto;
}
.news_from_vendor dd {
    display: block;
    margin-left: 18px;
}


/*スマホメニュー*/

#global-nav ul {
    list-style: none;
    position: absolute;
    top:5px;
    right: 0;
    font-size: 14px;
}


@media all and (max-width:899px){
    /* Fixed reset */
    #mobile-head {
        width: 100%;
        height: 60px;
        position: relative;
    }
    .spnavqa{
        background:#017453;
        width:50px;
        float: right;
        color: #fff;
        display: block;
        font-size:0.7em;
        height: 100%;
        text-align:center;
        line-height: 13px;
        position: relative;
    }

    .spnavqa:before{
        content: "? ";
        color: #fff;
        font-weight: bold;
        margin: 20px auto 0px;
        line-height: 0px;
        font-size:3.0em;
        display:table;
    }

    .spnavtxt{
        position:absolute;
        bottom:1px;
        left:2px;
    }

    .spnavqa a{
        color:#fff;
    }

    .spmenu{
        float: right;
        display: block;
    }

.spmenu_close:hover {
    text-decoration: underline;
}

    .spmenu_first-use,
    .spmenu_news,
    .spmenu_login{
       display:block;
    }

/*min-width:800px追加*/

.wrapper {
  height: 100%;
  min-height: 100%;
  position: relative;
}

.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity .5s;
}
.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.menu-trigger {
  display: inline-block;
  width: 36px;
  height: 28px;
  vertical-align: middle;
  cursor: pointer;
  position: fixed;
  top: 12px;
  right: 20px;
  z-index: 100;
  transform: translateX(0);
  transition: transform .5s;
 }
 .menu-trigger.active {
  transform: translateX(-250px);
}
 .menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color:#017453;
}
.menu-trigger.active span {
  background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(12px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
  top: 12px;
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-12px) rotate(45deg);
}

nav {
  width: 250px;
  height: 100%;
  padding-top: 0px;
  background-color:#fff;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999;
  transform: translate(250px);
  transition: all .6s;
  border-top: solid 5px #017453;
}
nav.open {
  transform: translateZ(0);
}
nav li {
  color: #fff;
  text-align: center;
  padding: 10px 0;
}

* {
  box-sizing: border-box;
}
ul {
  list-style: disc;
}

/*min-width:800pxここまで*/

    .sptopmenu{
        overflow:hidden;
        border-bottom:solid 1px #017453;
        margin:0px auto 20px;
        display:block;
        height: 85px;
    }

    .sptopmenu li{
        margin:10px 0px 0px 0px !important;
        float:left;
        list-style: none;
        border-right: solid 1px #ccc;
        width: 32%;
        height:100%;
        text-align:center;
        position: relative;
    }

    .sptopmenu li a{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 50px;
        color:#000;
        font-weight:bold;
        text-decoration:none;
        line-height: 15px;
    }

    .sptopmenu li:last-child{
        border-right:none;
    }

    .sptopmenu li:nth-child(1){
        background: url("../images/common/spmenu1.png") center 13px no-repeat;
        background-size: 21px 30px;
        padding-top:45px;
        padding-bottom:5px;
    }

    .sptopmenu li:nth-child(2){
        background: url("../images/common/spmenu2.png") center 5px no-repeat;
        background-size: 32px 37px;
        padding-top:45px;
        padding-bottom:5px;
    }

    .sptopmenu li:nth-child(3){
        background: url("../images/header/qamark2.png") center 13px no-repeat;
        background-size: 30px 30px;
        padding-top:40px;
        padding-bottom:5px;
    }

    #hajimete:before {
       height: 75px;
       margin: -75px 0 0;
       content:"";
       display:block;
    }

    #oshirase:before {
       height: 70px;
       margin: -70px 0 0;
       content:"";
       display:block;
    }

    #shiharai:before {
       height: 75px;
       margin: -75px 0 0;
       content:"";
       display:block;
    }
}

.event_detail{
    margin:0;
}

.events .error-icon:after,.master-payment .alert:before,
.unsubscribe-alert-icon {
    content: "";
    background-image: url("../images/common/ic_alert.png");
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    vertical-align: top;
    background-repeat: no-repeat;
}

.events .insert_button_cell,
.fields .insert_button_cell {
    background: #fff;
    position: relative;
}
.events .insert_button_wrapper,
.fields .insert_button_wrapper {
    width: 50px;
}
.events .button.insert_button_before,
.fields .button.insert_button_before {
    position: absolute;
    left: 10px;
    top: -15px;
}
.events .button.insert_button_after,
.fields .button.insert_button_after {
    position: absolute;
    left: 10px;
    bottom: -15px;
}

@media all and (min-width:900px){
    #category_list ul li{
        float:left;
        min-width:45%;
    }
}

.event_detail th{
border-left: 7px solid #15848F;
border-bottom: 1px dashed #ccc;
width: 20%;
font-weight:normal;
color:#000;
}

.event_detail td{
    border-bottom: 1px dashed #ccc;
}


.event_detail .tright{
    margin-bottom:3px;
    font-size:0.8em;
}

.event_detail .manseki{
    margin:0px;
    font-weight:bold;
    color:red;
    font-size:1.0em;
}

#category_list{
    margin:10px 0px;
    padding:0px 10px;
    border:1px solid #ddd;
    display:inline-block;
    -webkit-border-radius: 5px;/* for Safari and Chrome */
    -moz-border-radius: 5px; /* for Firefox */
    -o-border-radius: 5px; /* for opera */
    border-radius: 5px;
}
@media all and (max-width:640px){
    #category_list{
    padding:10px 10px 0px;
    }
}

/* トップページ
----------------------------------------------- */

.tophowto{
    background: url("../images/home_background.png") ;
    background-position-x: unset;
    padding: 15px 0px;
    text-align: center;
    color:#fff;
    background-size: cover;
    font-size:0.9em;
    margin-bottom: 15px;
}
.tophowto h1{
    font-size:1.5em;
}

.tophowto .mailform{
    margin:15px auto;
    text-align:left;
}

@media all and (max-width:640px){
.tophowto .mailform{
    margin:15px auto;
}
.tophowto .fleft{
    float:none;
    text-align:center;
}

.tophowto button{
   margin-top:5px;
}
.tophowto .blockcenter{
  display:block;
  margin:10px 10px;
}

}

.tophowto button{
   background:#FF9900;
   border-radius:0px;
   box-shadow:none;
   font-size:1.2em;
   line-height:29px;
}

.tophowto ul{
    list-style: none;
    display:table;
    margin: 10px auto;
}

.tophowto li{
    display:inline-table;
    float:left;
    background:#003333;
    padding:7px 10px;
    margin:0px 10px;
}

.tophowto li a{
    color:#fff;
}

@media screen and (max-width:640px){
    .tophowto {
        padding:10px 10px;
        width:100%;
    }
    .tophowto .tophowto_message {
        text-align: left;
        line-height: 21px;
        margin-bottom:20px;
    }
    .tophowto li{
        margin-top:5px
    }
    .br{
    display:none;
    }
}

/*お知らせ*/
.newslist ul{
    margin:0px 10px;
}

.newslist li{
    margin:15px 0px;
    background: url("../images/arrow_news.png") no-repeat;
    list-style:none;
    background-position-x: left;
    padding-left: 16px;
    background-position-y: 3px;
}

@media screen and (max-width:640px){
  .newslist li{
    margin:5px 0px;
}
}
/*================汎用ボタン（通常サイズ）１==================*/
.btn_normal,
.btn_normal:hover,
.btn_normal:active,
.btn_normal:visited {
    color: #111;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.06em;
    background: #efefef;
    background: -moz-linear-gradient(top,  #efefef 0%, #f2f2f2 50%, #e0e0e0 51%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#f2f2f2), color-stop(51%,#e0e0e0), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #efefef 0%,#f2f2f2 50%,#e0e0e0 51%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #efefef 0%,#f2f2f2 50%,#e0e0e0 51%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #efefef 0%,#f2f2f2 50%,#e0e0e0 51%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #efefef 0%,#f2f2f2 50%,#e0e0e0 51%,#e0e0e0 100%);
    border: 1px solid #777;
    -webkit-border-radius: 3px;/* for Safari and Chrome */
    -moz-border-radius: 3px; /* for Firefox */
    -o-border-radius: 3px; /* for opera */
    border-radius: 3px;
    box-shadow: 0 0 3px #fff inset;
    }
.btn_normal:hover{
    background: #d3e7ea;
    background: -moz-linear-gradient(top,  #d3e7ea 1%, #d0e7ea 50%, #9fe0f2 51%, #c0e9ed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d3e7ea), color-stop(50%,#d0e7ea), color-stop(51%,#9fe0f2), color-stop(100%,#c0e9ed));
    background: -webkit-linear-gradient(top,  #d3e7ea 1%,#d0e7ea 50%,#9fe0f2 51%,#c0e9ed 100%);
    background: -o-linear-gradient(top,  #d3e7ea 1%,#d0e7ea 50%,#9fe0f2 51%,#c0e9ed 100%);
    background: -ms-linear-gradient(top,  #d3e7ea 1%,#d0e7ea 50%,#9fe0f2 51%,#c0e9ed 100%);
    background: linear-gradient(to bottom,  #d3e7ea 1%,#d0e7ea 50%,#9fe0f2 51%,#c0e9ed 100%);
}

.btn_normal a{
   color:black;
   text-decoration: none;
   display:block!important;
    padding: 10px!important;
}

@media screen and (max-width:899px){
  .btn_normal{
   width:95%;
   font-size:1em;
   margin: 5px auto;
}
  .btn_normal:hover{
      font-size:1em;
}

}

/*================メールプレビュー画面での文字化け差分のハイライト==================*/
span.highlight-diff {
    background-color: red;
    color: white;
    font-weight: bold;
}

/* -- メール履歴用
----------------------------------------------- */
.mailhistory {
	background-color: #ffffee;
	color: #000;
	text-shadow: 1px 1px 0 #fff;
	margin-bottom: 20px;
	padding: 4px 12px;
        word-wrap: break-word;
	border: 1px solid #ffcc33;
    -webkit-border-radius: 6px;/* for Safari and Chrome */
    -moz-border-radius: 6px; /* for Firefox */
    -o-border-radius: 6px; /* for opera */
	border-radius: 6px;
}

.mailactions {
    letter-spacing: 13px;
    white-space:nowrap;
}

.entries-mail{
    white-space:nowrap;
}

/*===========モーダルウィンドウ（削除確認ボタン/まとめて削除,行事初期化/全行事初期化）============*/
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container,.modal-container-sam,.modal-container-all{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before,.modal-container-sam:before,.modal-container-all:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active,.modal-container-sam.active,.modal-container-all.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modal-body,.modal-body-sam,.modal-body-all{
        background: rgba(0,0,0,50%);
        text-align: center;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 500px;
	width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close,.modal-close-sam,.modal-close-all{
	color: #fff;
	cursor: pointer;
}
/*モーダル内のコンテンツの指定*/
.modal-content,.modal-content-sam,.modal-content-all{
	background: #FFF;
	text-align: left;
	padding: 30px;
        text-align: center;
        border: 3px double #999999; /* 枠線の太さ・色 */
}
/*================オレンジボタン(.btn やbuttonタグと併用して使う)==================*/
.btnorange,
.btnorange:hover,
.btnorange:active,
.btnorange:visited{
    color:#fff;
    background-color:#FF6803;
    box-shadow: 0 3px 0 #FFCC00;
}

.file_master {
  margin: 30px auto;
  width:50%;
}

/*----------- 追記　ブレインゲート 生島  2022/7/25 -----------------*/

/*特定商取引表示画面での表示用に使用*/
.tokusho_table {
    border: none;
}

/*特定商取引表示画面の表示調整用に使用*/
.tokusho_table td {
    border-left: none;
}

/*支払方法選択画面での請求情報表示用に使用*/
.payment_info_table {
    font-size: 12px;
    table-layout: fixed;
}

/*請求情報表示の幅を固定*/
.payment_info_table th {
    width: 30%;
}

/*支払方法選択画面での内訳表示に使用*/
.option_text_area {
    font-size: small;
}

/*支払方法画面での内訳表示に使用*/
.option_text_area dl dt, .option_text_area dl dd {
    max-width: 200px;
    word-wrap: break-word;
    margin-bottom: 0.3em;
}

/*支払方法選択画面での内訳表示でPC、タブレット幅の場合は横並びにするため設定*/
@media screen and (min-width:899px){
    .display_adjustment {
        display: flex;
    }
}

/*smallより小さい文字を出すため使用（支払方法選択画面の内訳表示で使用*/
.fontsize12 {
    font-size: 12px;
}

/*決済手段詳細アコーディオンメニューに使用*/
.paymethod_list ul {
    list-style: none;
}

/*決済手段詳細アコーディオンメニューに使用*/
.paymethod_detail {
    display: none;
}

/*支払方法選択画面で使用*/
.paymethod_select_text {
    background-color: rgba(135,206,250,0.5);
    padding: 5px;
    word-break: keep-all;
}

/*支払方法選択画面で手数料と合計金額の表示切替用に使用*/
.charge_text, .total_amount_text {
    display: none;
}

/*表示位置調整に使用*/
.float_r {
    float: right;
}

/*決済手段詳細の企業ロゴ表示サイズ調整に使用*/
.paymethod_icon {
    margin-left: 3px;
    max-height: 20px;
    vertical-align: middle;
}

.paymethod_3dsecure_icon {
    border: 1px solid #ccc;
    max-height: 50px;
    padding: 2px;
}

/*ペイジーご利用時の注意(PC表示)に使用*/
.payeasy_title-pc {
    color:#FFC600;
    background-color: #36C;
    width:350px;
    font-size: 16px;
    padding: 3px;
    margin-bottom: 0;
    padding-left: 10px;
}

/*ペイジーご利用時の注意(スマホ表示)に使用*/
.payeasy_title-sp {
    color:#FFC600;
    background-color: #36C;
    width:200px;
    font-size: 13px;
    padding: 3px;
    margin-bottom: 0;
    padding-left: 10px;
}

/*ペイジーご利用時の注意(PC表示)に使用*/
.payeasy_textarea-pc {
    border: solid;
    border-color: #36C;
    padding: 10px;
}

/*ペイジーご利用時の注意(スマホ表示)に使用*/
.payeasy_textarea-sp {
    border: solid;
    border-color: #36C;
    padding: 5px;
    font-size: 10px;
}

/*ペイジーご利用時の注意の利用可能銀行の表示調整に使用*/
.atm_payeasy ul {
    list-style: none;
    display: flex;
}

/*ペイジーご利用時の注意の利用可能銀行の表示調整に使用*/
.atm_payeasy ul li {
    border-bottom: 1px solid green;
    padding-bottom: 2px;
    margin-left: 7px;
    font-size: 18px;
}

/*ペイジーご利用時の注意の利用可能銀行の表示調整に使用*/
@media screen and (max-width:899px){
    .atm_payeasy ul li {
        font-size: 10px;
    }
}

/*支払情報入力画面での特商法アコーディオンメニューに使用*/
.tokusho_check{
    display: none;
}

/*支払情報入力画面での特商法アコーディオンメニューに使用*/
.tokusho_click {
    color: blue;
    text-decoration: underline;
}

/*支払情報入力画面での特商法アコーディオンメニューに使用*/
.tokusho_label{
    background: #f0e690;
    display: block;
    padding: 5px;
}

/*支払情報入力画面での特商法アコーディオンメニューに使用*/
.tokusho {
    height: 0;
    opacity: 0;
    padding: 5px;
    transition: .5s;
    visibility: hidden;
}

/*支払情報入力画面での特商法アコーディオンメニューに使用*/
.tokusho_check:checked + .tokusho_label + .tokusho {
    height: auto;
    opacity: 1;
    visibility: visible;
}

/*入力欄の幅調整に使用*/
.card_number, .card_holder {
    width: 200px !important;
}

/*入力欄の幅調整に使用*/
.card_conf_number {
    width: 100px!important;
}

/*入力欄の表示位置調整に使用*/
.display_f {
    display: flex;
}

/*入力チェックエラー表示に使用*/
.customer_info_entry_alert {
    height: 35px;
    line-height: 35px;
    color: red;                             
    background-color: #fee;
    border-radius: 5px;                   
    margin-left: 5px;                    
    padding: 2px;
}

/*入力チェックにエラーがない場合非表示にしておくために使用*/
.customer_info_entry_alert:empty, .info_edit {
    display: none;
}

/*「入力内容を確認する」、「内容を確定する」ボタンに使用*/
.info_confirm {
    margin: 0 0 0 auto;  
}

/*「入力内容を確定する」ボタンに使用*/
.info_fix {
    margin: 0 0 0 auto;
    display: none;
}

/*カード有効期限入力欄に使用*/
.credit_valid_term {
    text-align: center;
    height:40px;
    line-height:40px;
}

/*セキュリティコード可視化切り替えチェックボックスに使用*/
.checkbox_for_conf_number {
    transform: scale(0.7);
}

/*セキュリティコード可視化切り替えチェックボックスに使用*/
.label_for_conf_number {
    font-size: small;
}

/*「入力内容を確定する」ボタンに使用*/
.fix_button {
    border-width:0;
    color:#fff;
    padding: 5px 15px !important;
    box-shadow: 0 3px 0 #B0E0E6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: 	#00BFFF;
    word-break: break-all;
}

/*「修正」ボタンに使用*/
.edit_button {
    border-width:0;
    color:#fff;
    padding: 5px 15px !important;
    box-shadow: 0 3px 0 #FC3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: 	#D2691E;
    word-break: break-all;
}

/*確認画面での文章表示に使用*/
.confirm_text {
    display: none;
    margin-top: 10px;
    margin-bottom: 20px;
}

/*確認画面での確認を促す文章の蛍光ペン風アンダーラインとして使用*/
.fix_text {
    background:linear-gradient(transparent 60%, rgba(0, 191, 255, 0.7) 40%);
}

/*確認画面での確認を促す文章の蛍光ペン風アンダーラインとして使用*/
.edit_text {
    background:linear-gradient(transparent 60%, rgba(210, 105, 30, 0.7) 40%);
}

/*完了画面での文章表示に使用*/
.complete_text {
    word-break: keep-all;
}

/*完了画面での決済情報の表示に使用*/
.complete_payment_info-pc {
    border: 3px solid;
    border-color: gray;
    padding: 10px;
    width:50%;
}

/*完了画面での決済情報の表示に使用*/
.complete_payment_info-sp {
    font-size: 12px;
    border: 3px solid;
    border-color: gray;
    padding: 10px;
    width:95%;
    word-break: keep-all;
}

.complete_payment_info_container {
    margin-left: 20px;
}
.complete_payment_info {
    border: 3px solid;
    border-color: gray;
    padding: 10px;
    width:50%;
}
@media all and (max-width:899px){
    .complete_payment_info_container {
        margin-left: 10px;
    }
    .complete_payment_info {
        font-size: 12px;
        width:95%;
    }
}

/*--------------  追記終了　ブレインゲート 生島　2022/10/3  -----------------------*/

/* 申込詳細画面のpc表示で金額欄の表示を崩さないためのクラス （ブレインゲート鈴木）*/
@media all and (max-width:899px){
    dd.width-for-long-label {
        width:auto;
    }
}
@media all and (min-width:900px){
    dd.width-for-long-label {
        min-width: 300px;
        width: 30%;
    }
}
/* 合計金額を太字で表示する（ブレインゲート鈴木） */
fieldset div.input dt.amount,fieldset div.input dd.amount{
    font-weight: bold;
}

/* 行事参加状況ダウンロード画面
----------------------------------------------- */
#main .eventEntriesDownload ol {
    line-height: normal;
}
#main .eventEntriesDownload ol li{
    margin-bottom: 0px;
}
.eventEntriesDownload fieldset .input {
    padding-left: 0;
    display: inline;
}

/* 
----------------------------------------------- */
