@charset "UTF-8";

/* =========================================================
   Content
========================================================= */

/* =========================================================
   contentGpArticleDoc
========================================================= */
#contentBody {
  position: relative;
  z-index: 10;
}

.contentGpArticleDoc .date {
  margin-bottom: 25px;
  padding-right: 8px;
  text-align: right;
}

/* midashi
----------------------------------------------- */
.contentGpArticleDoc .body::after,
.contentPage .body::after {
  content: "";
  clear: both;
  display: block;
}

.body h1,
.body h2,
.body h3,
.body h4,
.body h5,
.body h6,
.surveyForms h2,
.contentGpCategoryCategoryTypes h2,
.contentGpCategoryCategoryType h2,
.calendarEvents h2 {
  margin: 0 0 15px;
}

.contentGpArticleDocs .docs h2.date+ul {
  margin: 5px 12px 20px;
}

.surveyForms h2,
.body h2 {
  padding: 8px 18px;
  border-top: 5px solid #fadc00;
  border-bottom: 1px solid #ccc;
  font-size: 130%;
}

body[id$="-chuo"] .body h2,
body[class^="dir-chuo"] .body h2,
body[class^="dir-chuo"] .surveyForms h2 {
  border-top-color: #a0dc00;
}

body[id$="-sports"] .body h2,
body[class^="dir-sports"] .body h2,
body[class^="dir-sports"] .surveyForms h2,
body[id$="-archery"] .body h2,
body[class^="dir-archery"] .body h2,
body[class^="dir-archery"] .surveyForms h2 {
  border-top-color: #87c3ff;
}

body[id$="-shien"] .body h2,
body[class^="dir-shien"] .body h2,
body[class^="dir-shien"] .surveyForms h2 {
  border-top-color: #beaafa;
}

body[id$="-hoken"] .body h2,
body[class^="dir-hoken"] .body h2,
body[class^="dir-hoken"] .surveyForms h2 {
  border-top-color: #ff96be;
}

body[id$="-fukushi"] .body h2,
body[class^="dir-fukushi"] .body h2,
body[class^="dir-fukushi"] .surveyForms h2 {
  border-top-color: #5ad2c8;
}

body[id$="-shogai"] .body h2,
body[class^="dir-shogai"] .body h2,
body[class^="dir-shogai"] .surveyForms h2 {
  border-top-color: #ff9b46;
}

body[id$="-bosai"] .body h2,
body[class^="dir-bosai"] .body h2,
body[class^="dir-bosai"] .surveyForms h2 {
  border-top-color: #50dc8c;
}

.body h3,
.maps h2,
.rels h2,
.tags h2,
.contentGpArticleDocs .docs h2.date {
  padding: 6px 18px;
  background: url("./images/bg-pattern-h3.gif");
}

ul.sitemap a {
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
}

ul.sitemap li.level1>a {
  display: block;
  padding: 10px 18px;
  background: url("./images/bg-pattern-h3.gif");
  font-size: 115%;
  font-weight: 500;
}

ul.sitemap li.level2>a {
  padding: 6px 12px;
  border: 1px solid #c3bebd;
  border-left: 5px solid #fadc00;
}

ul.sitemap li.level3>a,
ul.sitemap li.level4>a {
  display: inline-block;
  margin-left: 12px;
  padding-left: 16px;
  background: url("./images/ic-access.png") no-repeat left center;
}

ul.sitemap li.level4>a {
  margin-left: 30px;
}

ul.sitemap ul.level2 {
  margin-bottom: 25px;
}

ul.sitemap li.level3:last-child {
  margin-bottom: 10px;
}

.surveyForm .question_content,
.body h4 {
  padding: 0 10px;
  border-left: 5px solid #7f7f7f;
}

.body h5 {
  font-size: 100%;
}

.contentGpCategoryCategoryTypes h2 a,
.contentGpCategoryCategoryType h2 a,
.calendarEvents h2 {
  display: block;
  padding: 8px 18px;
  border-top: 3px solid #fadc00;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
}

ul.sitemap li.level1>a:hover,
ul.sitemap li.level1>a:focus,
.contentGpCategoryCategoryTypes h2 a:hover,
.contentGpCategoryCategoryTypes h2 a:focus,
.contentGpCategoryCategoryType h2 a:hover,
.contentGpCategoryCategoryType h2 a:focus {
  opacity: 0.9;
}

.contentGpCategoryCategoryType section {
  margin-bottom: 14px;
}

.contentGpCategoryCategoryType .docs,
.contentGpCategoryCategory .docs,
.contentGpArticleDocs .docs {
  margin: 10px 0 40px;
}

.contentGpCategoryCategoryType .docs li,
.contentGpCategoryCategory .docs li,
.contentGpArticleDocs .docs li {
  padding: 6px 0 6px 12px;
  background: url("./images/ic-information.png") no-repeat left 0.75em;
}

.recycle .surveyForm .question_content,
.recycle .body h4 {
  border-color: #fadc00;
}

.surveyForm .question_content {
  margin-bottom: 5px;
  font-weight: bold;
}

.body ul+h2,
.body p+h2,
.summary p+h2 {
  margin-top: 1.5em;
}

.body p.indent {
  text-indent: 1em;
}

.body p.noMargin {
  margin: 0;
}

.body ul,
#errorExplanation ul {
  list-style: none;
  margin-bottom: 1em;
}

.body ul>li::before,
#errorExplanation ul>li::before {
  content: "・";
}

.body ul>li,
.body ol>li {
  margin-bottom: 0.5em;
}

.body ul>li,
#errorExplanation ul>li {
  padding-left: 1em;
  text-indent: -1em;
}

.body ul.col3 li {
  display: inline-block;
  vertical-align: top;
  width: 32.8%;
}

.body ol {
  margin: 0 0 1em 22px;
}

.body ol.number,
.body ol.katakana {
  list-style-type: none;
  padding-left: 0;
}

.body ol.number {
  counter-reset: number;
}

.body ol.katakana {
  counter-reset: katakana;
}

.body ol.number>li:before {
  counter-increment: number;
  content: "（"counter(number)"）";
}

.body ol.katakana>li:before {
  counter-increment: katakana;
  content: "（"counter(katakana)"）";
}

.summary table,
.body table {
  width: auto;
  max-width: 100%;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.summary table caption,
.body table caption {
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.summary th,
.body th {
  background-color: #eee;
  text-align: left;
  white-space: nowrap;
}

.summary th,
.summary td,
.body th,
.body td {
  border: 1px solid #ccc;
  padding: 5px 14px;
  vertical-align: middle;
}

.body sup {
  font-size: 85%;
  vertical-align: super;
}

.body sub {
  font-size: 85%;
  vertical-align: sub;
}

.body .warning {
  color: #ee0000;
  font-weight: bold;
}

ul.sitemap,
.contentPage .body,
.contentGpArticleDoc .body,
.contentGpArticleDoc .maps,
.contentGpArticleDoc .rels,
.contentGpArticleDoc .tags {
  margin-bottom: 40px;
}

.contentPage .body,
.contentGpArticleDoc .body {
  min-height: 300px;
}

.maps h3 {
  font-weight: normal;
  margin: -10px 0 5px;
}

.rels li:before {
  content: "・";
}

.rels li {
  padding-left: 1em;
  text-indent: -1em;
}

.tags li {
  display: inline-block;
  margin-right: 0.5em;
}

/* reuse-list
---------------------- */
table.goods {
  width: 100%;
}

table.goods th,
table.goods td {
  padding: 6px 3px;
  white-space: nowrap;
}

.contentGpArticleDoc .temp1 .thumb+div {
  float: none;
  clear: both;
}

/* feed
---------------------- */
.contentGpCategory,
.contentGpArticleDocs,
.contentGpCategoryDoc {
  position: relative;
}

/*.contentGpCategory .feed,
.contentGpArticleDocs .feed,
.contentGpCategoryDoc .feed {
  position: absolute;
  right: 0;
}
.contentGpCategory .feed {
  top: -1.5em;
}
.contentGpCategoryCategory .feed,
.contentGpArticleDocs .feed,
.contentGpCategoryDoc .feed {
  top: -4.3em;
}*/

/* enquete
----------------------------------------------- */
.surveyForms .form {
  margin: 0 0 20px;
  /*padding: 10px 13px;
  border: 1px solid #f2f2f2;*/
}

.surveyForm .questions {
  padding: 15px;
}

.surveyForm .questions .question {
  margin: 0 0 10px;
}

.surveyForm .questions .question .body p {
  margin: 0;
  padding: 0;
  text-indent: 0;
}

#surveyForm .body .message {
  display: none;
}

#surveyForm .body .required,
#surveyForm .body .format {
  display: none;
  color: #ee0000;
  font-weight: bold;
}

span.max_length {
  display: block;
}

.questions .question select,
.questions .question input[type="text"],
.questions .question input[type="email"],
.questions .question textarea {
  border: 1px solid #ccc;
}

.questions .question input[type="text"],
.questions .question input[type="email"] {
  width: 60%;
}

.questions .question input[type="text"],
.questions .question input[type="email"],
.questions .question textarea {
  padding: 5px;
}

.answer_content>label {
  /*display: inline-block;*/
  margin-right: 1em;
  vertical-align: middle;
}

.surveyForm .questions .question input[type="radio"] {
  margin: 0;
  /*vertical-align: baseline;*/
}

.questions .question .note {
  color: #ee0000;
  font-weight: bold;
}

.surveyForm .submit {
  margin: 20px 0;
  text-align: center;
}

/*
.surveyForm .submit input {
  margin: 0 5px;
  padding: 8px;
  border: 1px solid #f2f2f2;
  background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
  color: #000;
  cursor: pointer;
  text-decoration: none;
}*/
#errorExplanation {
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #ffaaaa;
  border-radius: 7px;
  background-color: #fff3f3;
}

#errorExplanation h2 {
  color: #ee0000;
}

.surveyForm .back {
  margin: 20px 0;
  text-align: center;
}

.surveyForm .back a {
  display: block;
  width: 100px;
  margin: 0 auto;
  padding: 8px 0;
  border: 1px solid #f2f2f2;
  background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
  color: #000;
  text-decoration: none;
}

/* list
----------------------------------------------- */
.body ol.parenthesis {
  counter-reset: number;
  list-style: none;
  margin: 0 0 20px;
  padding: 0 5px;
}

.body ol.parenthesis>li:before {
  counter-increment: number;
  content: "（"counter(number)"）";
}

.body ol.parenthesis>li {
  padding-left: 2.5em;
  text-indent: -2.5em;
}

.body ol.asterisk {
  counter-reset: asterisk;
  list-style: none;
  margin: 0 0 20px;
}

.body ol.asterisk>li:before {
  counter-increment: asterisk;
  content: "※"counter(asterisk);
  margin-right: 1em;
}

.body ol.asterisk>li {
  padding-left: 2.5em;
  text-indent: -2.5em;
}

.body ul.asterisk>li:before,
.body p.asterisk:before {
  content: "※";
}

.body ul.asterisk>li,
.body p.asterisk {
  padding-left: 1em;
  text-indent: -1em;
}

.body table ol,
.body table p {
  margin-bottom: 0;
}

.body table ol.parenthesis,
.body table ul,
.body table ul.asterisk {
  margin: 0;
  padding: 0;
}

.body table li {
  margin-bottom: 0;
}

/* floor
----------------------------------------------- */
.body ul.floor>li:before {
  content: "";
}

.body>dl {
  margin: 0 0 1em 1em;
}

.body>dl dd {
  margin: 0 0 0 2em;
}

.body>dl dd:last-child {
  margin-bottom: 1em;
}

@media only screen and (min-width: 600px) {
  .body .floormap {
    width: 694px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* searchEvents
----------------------------------------------- */
.searchEvents {
  margin-bottom: 30px;
  padding: 20px;
  background-color: #e9e9e9;
  text-align: center;
}

.searchEvents fieldset {
  margin-bottom: 20px;
  text-align: left;
}

.searchEvents fieldset legend {
  display: inline-block;
  min-width: 110px;
  padding: 2px 10px;
  border-radius: 5px 5px 0 0;
  background-color: #fadc00;
  font-weight: 500;
  vertical-align: bottom;
}

.searchEvents fieldset ul {
  padding: 5px 0 10px 15px;
  border-top: 2px solid #fadc00;
  background-color: #fff;
  letter-spacing: -0.4em;
}

.searchEvents fieldset li {
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  letter-spacing: normal;
}

.searchEvents fieldset li:not(:last-child) {
  margin-right: 15px;
}

.searchEvents fieldset.date li:not(:last-child) {
  margin-right: 8px;
}

.searchEvents fieldset label,
.searchEvents fieldset select,
.searchEvents fieldset input {
  display: block;
  padding: 2px;
}

.searchEvents fieldset select,
.searchEvents fieldset input {
  border: 1px solid #a5a5a5;
}

.searchEvents select {
  border-radius: 5px;
}

.searchEvents fieldset span {
  display: inline-block;
  vertical-align: -1.7em;
}

.searchEvents .submitters {
  display: inline-block;
  padding-left: 17px;
  border-radius: 5px;
  background: #d9bf00 url("./images/ic-btn.png") no-repeat 6px center;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
}

.searchEvents .submitters input {
  display: block;
  min-height: 35px;
  line-height: 35px;
  padding: 0 48px 0 40px;
  border: 0;
  border-radius: 0 5px 5px 0;
  background-color: #fff;
  font-weight: 500;
  cursor: pointer;
}

.searchEvents .submitters input:hover,
.searchEvents .submitters input:focus {
  background-color: #fefbe0;
}

.resultEvents table {
  position: relative;
}

.resultEvents table:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background: url("./images/title-genkisozoplaza.gif");
}

.calendarEvents .resultEvents th {
  padding-top: 8px;
}

/* =========================================================
   recent-event
========================================================= */
#contentBody>.calendarEvents {
  margin-bottom: 20px;
}

.calendarEvents table {
  width: 100%;
  border: 1px solid #fadc00;
  border-top: 0;
  background-color: #fff;
}

.calendarEvents th,
.calendarEvents td,
#recentEvent table {
  border: 0;
}

.calendarEvents th,
.calendarEvents td {
  border-left: 1px solid #fff;
  vertical-align: middle;
}

.calendarEvents th {
  white-space: nowrap;
}

.calendarEvents th:empty {
  display: none;
}

.calendarEvents td {
  padding: 8px 16px;
}

.calendarEvents td.date {
  width: 12em;
}

/* イベント期間の最初と最後だけを表示 */
@media only screen and (min-width: 601px) {
  .dir-eventSearch .calendarEvents td.date p {
    width: 9em;
  }
}

/* イベント期間の最初と最後だけを表示 */
.calendarEvents td.date p {
  display: inline-block;
}

.calendarEvents td.date p span {
  display: none;
  white-space: nowrap;
}

.calendarEvents td.date p:first-child .startDate,
.calendarEvents td.date p:first-child .from,
.calendarEvents td.date p:last-child .closeDate {
  display: inline-block;
}

.calendarEvents th:first-child,
.calendarEvents td:first-child {
  border-left: 0;
}

.calendarEvents td.category_type_genre,
.calendarEvents td.category_type_facility,
.calendarEvents td.category_type_accepting {
  white-space: nowrap;
}

.calendarEvents td:not(.date)>span,
.calendarEvents td>div {
  display: block;
}

.calendarEvents td>div>span {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}

.calendarEvents td>div>span:not(:last-child)::after {
  content: "、";
}

/* SUBARU総合スポーツセンター */
.calendarEvents td>div>span.sports:first-child:not(:only-child),
.calendarEvents td>div>span.pool:first-child:not(:only-child),
.calendarEvents td>div>span.gymnastics:first-child:not(:only-child),
.calendarEvents td>div>span.multipurpose-gymnasium:first-child:not(:only-child),
.calendarEvents td>div>span.training-room:first-child:not(:only-child),
.calendarEvents td>div>span.running-track:first-child:not(:only-child),
.calendarEvents td>div>span.martial-art-gym1:first-child:not(:only-child),
.calendarEvents td>div>span.martial-art-gym2:first-child:not(:only-child),
.calendarEvents td>div>span.multipurpose-gymnasium:first-child:not(:only-child),
.calendarEvents td>div>span.small-gymnasium:first-child:not(:only-child),
.calendarEvents td>div>span.main-arena:first-child:not(:only-child),
.calendarEvents td>div>span.sub-arena:first-child:not(:only-child) {
  width: 14em;
  margin-right: 1em;
}

.calendarEvents td>div>span.sports:first-child:not(:only-child)::after,
.calendarEvents td>div>span.pool:first-child:not(:only-child)::after,
.calendarEvents td>div>span.gymnastics:first-child:not(:only-child)::after,
.calendarEvents td>div>span.multipurpose-gymnasium:first-child:not(:only-child)::after,
.calendarEvents td>div>span.training-room:first-child:not(:only-child)::after,
.calendarEvents td>div>span.running-track:first-child:not(:only-child)::after,
.calendarEvents td>div>span.martial-art-gym1:first-child:not(:only-child)::after,
.calendarEvents td>div>span.martial-art-gym2:first-child:not(:only-child)::after,
.calendarEvents td>div>span.multipurpose-gymnasium:first-child:not(:only-child)::after,
.calendarEvents td>div>span.small-gymnasium:first-child:not(:only-child)::after,
.calendarEvents td>div>span.main-arena:first-child:not(:only-child)::after,
.calendarEvents td>div>span.sub-arena:first-child:not(:only-child)::after {
  content: none;
}

/* 生涯学習センター */
.calendarEvents td>div>span.shogai:last-child:not(:only-child),
.calendarEvents td>div>span.study1:last-child:not(:only-child),
.calendarEvents td>div>span.study2:last-child:not(:only-child),
.calendarEvents td>div>span.study3:last-child:not(:only-child),
.calendarEvents td>div>span.study4:last-child:not(:only-child),
.calendarEvents td>div>span.study5:last-child:not(:only-child),
.calendarEvents td>div>span.study6:last-child:not(:only-child),
.calendarEvents td>div>span.study7:last-child:not(:only-child),
.calendarEvents td>div>span.Japanese:last-child:not(:only-child),
.calendarEvents td>div>span.hall:last-child:not(:only-child),
.calendarEvents td>div>span.cooking:last-child:not(:only-child),
.calendarEvents td>div>span.creation1:last-child:not(:only-child),
.calendarEvents td>div>span.creation2:last-child:not(:only-child) {
  width: 8em;
}

.calendarEvents td.sat {
  background-color: #e6ffff;
}

.calendarEvents td.sun {
  background-color: #ffebf5;
}

.calendarEvents tr:nth-child(even) td {
  background-color: #f2f2f2;
}

@media only screen and (min-width: 601px) {

  .calendarEvents td.image,
  .calendarEvents td.image_link {
    width: 93px;
  }
}

/* event-list
----------------------------------------------- */
.calendarMonthlyEvents table {
  border: 0;
  background-color: transparent;
}

.calendarMonthlyEvents td {
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid #ccc;
}

.calendarMonthlyEvents tr:nth-child(even) td {
  background-color: transparent;
}

.calendarMonthlyEvents td:first-child {
  padding-left: 16px;
}

.calendarMonthlyEvents td:last-child {
  padding-right: 16px;
}

.calendarMonthlyEvents td.date {
  width: 19%;
}

.calendarMonthlyEvents td.date span {
  white-space: nowrap;
}
/*
.calendarMonthlyEvents td.date span:not(.closeDate) {
  display: inline-block;
}

.calendarMonthlyEvents td.date .closeDate {
  display: block;
}*/

/* header-color
----------------------------------------------- */
.calendarEvents th {
  padding: 3px 16px;
  background-color: #fff8cc;
  text-align: left;
}

body[class^="dir-chuo"] .calendarEvents th {
  background-color: #ecf8cc;
}

body[class^="dir-sports"] .calendarEvents th,
body[class^="dir-archery"] .calendarEvents th {
  background-color: #e7f3ff;
}

body[class^="dir-shien"] .calendarEvents th {
  background-color: #f2eefe;
}

body[class^="dir-hoken"] .calendarEvents th {
  background-color: #ffeaf2;
}

body[class^="dir-fukushi"] .calendarEvents th {
  background-color: #def6f4;
}

body[class^="dir-shogai"] .calendarEvents th {
  background-color: #ffebda;
}

body[class^="dir-bosai"] .calendarEvents th {
  background-color: #dcf8e8;
}

.calendarEvents table a {
  display: inline-block;
}

div[id^="recentEvent"] .links {
  padding: 8px 16px;
  text-align: right;
}

.contentGpArticleDoc .koza-id,
.contentGpArticleDoc #kouza_no {
  display: none;
}

#recentEventAttention .pieceBody {
  padding: 8px 16px 16px;
}

div[id^="recentEvent"]+#recentEventAttention {
  display: none;
}

/* responsive table
----------------------------------------------- */
@media only screen and (max-width: 600px) {

  .calendarEvents th,
  .calendarEvents td,
  .body th,
  .body td {
    border: 0;
  }

  .calendarEvents tr,
  .body tr {
    display: block;
    padding: 5px 12px;
    border-bottom: 1px dashed #666;
  }

  .calendarEvents tbody tr:last-child,
  .body tbody tr:last-child {
    border-bottom: 0;
  }

  .calendarEvents th,
  .calendarEvents td,
  .body th,
  .body td {
    width: auto;
    padding: 5px !important;
    border: 0;
    text-align: left;
    white-space: normal;
  }

  .calendarEvents th,
  .body th {
    display: inline-block;
    margin: 0 0 4px;
  }

  .calendarEvents td,
  .body td {
    display: block;
    text-align: left !important;
  }

  .calendarEvents th:first-child,
  .calendarEvents td:first-child {
    width: auto;
  }

  .calendarEvents tr:nth-child(even) td {
    background-color: transparent;
  }

  .calendarEvents th:empty,
  .calendarEvents td:empty,
  .body th:empty,
  .body td:empty {
    display: none;
  }

  .body td input {
    display: inline !important;
    margin: 0 !important;
  }

  #recentEvent .links {
    text-align: center;
  }

  #recentEvent .links a {
    display: block;
  }
}

@media only screen and (max-width: 600px) and (orientation:portrait) {
  .hide-sp {
    display: none;
  }
}