@charset "UTF-8";



/* =========================================================

   content

========================================================= */

/* contentGpArticleDocs

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

.contentGpArticleDocs .docs ul:not(.feed),

.contentGpCategory .docs ul:not(.feed) {

  padding: 0 16px 13px;

}



.contentGpArticleDocs .docs ul:not(.feed) li,

.contentGpCategory .docs ul:not(.feed) li {

  padding: 2px 0 2px 12px;

  background: url("../images/ic-bunyalist2.svg") no-repeat left 0.65em;

}



/* contentGnavMenuItems

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

/* recent-docs */

#gnavDocs,

.docs-news {

  margin-bottom: 25px;

}



#gnavDocs .pieceContainer,

.docs-news {

  border: 1px solid #b1b1b1;

}



#gnavDocs .pieceHeader,

.docs-news .titleHeader {

  padding-left: 8px;

  background-color: #86b070;

  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);

}



#gnavDocs h2,

.docs-news h2 {

  padding: 8px 15px;

  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 65%, #ebebeb 100%);

}



#gnavDocs .pieceBody::after,

.docs-news::after,

.sectionContainer::after,

.category-docs::after {

  content: "";

  clear: both;

  display: block;

}



#gnavDocs .pieceBody,

.docs-news ul {

  padding: 13px 16px;

}



.docs-all ul {

  padding: 0 16px 13px;

}



#gnavDocs .pieceBody li,

.docs-news ul li {

  padding: 2px 0 2px 12px;

  background: url("../images/ic-bunyalist2.svg") no-repeat left 0.65em;

}



#gnavDocs .pieceBody li a,

.docs-news ul li a {

  text-decoration: underline;

}



/* category */

.contentGnavMenuItems::after,

.contentGnavMenuItem::after,

.contentGpCategory::after {

  content: "";

  clear: both;

  display: block;

}



.contentGnavMenuItems section,

.contentGnavMenuItem section,

.contentGpCategoryCategory .sectionContainer section,

.contentGpCategoryCategory .category-docs section {

  float: left;

  width: 98%;

  margin-left: 2%;

}



.contentGnavMenuItems section,

.contentGpCategoryCategory .sectionContainer section,

.contentGpCategoryCategory .category-docs section {

  margin-bottom: 10px;

}



.contentGnavMenuItems section:nth-child(3n+1),

.contentGnavMenuItem section:nth-child(3n+1),

.contentGpCategoryCategory .sectionContainer section:nth-child(3n+1),

.contentGpCategoryCategory .category-docs section:nth-child(3n+1) {

  margin-left: 2%;

}



.contentGnavMenuItems h2,

.contentGnavMenuItem h2,

.contentGpCategoryCategory .sectionContainer section h2 {

  border-bottom: 3px solid #86b070;

  background: url("../images/background.png");

  font-size: 100%;

}



.contentGnavMenuItems h2 a,

.contentGnavMenuItem h2 a,

.contentGpCategoryCategory .sectionContainer section h2 a {

  display: block;

  padding: 5px 5px 5px 32px;

  background: url("../images/ic-list.svg") no-repeat 8px center;

  background-size: 15px 15px;

  color: #665e51;

}



.contentGpCategoryCategory .category-docs section h2 {

  display: block;

  padding: 5px 5px 5px 32px;

  border-bottom: 3px solid #86b070;

  background-image: url("../images/ic-list.svg"), url("../images/background.png");

  background-position: 8px center, left top;

  background-repeat: no-repeat, repeat;

  background-size: 15px 15px, auto auto;

  color: #665e51;

  font-size: 100%;

}



.contentGnavMenuItem ul,

.contentGpCategoryCategory .category-docs section ul {

  padding: 10px;

}



.contentGnavMenuItem li a,

.contentGpCategoryCategoryTypes li a,

.contentGpCategoryCategoryType li a,

.contentGpCategoryCategory .docs-all li a,

.contentGpCategoryCategory .category-docs section li a {

  display: inline-block;

  padding: 2px 0 2px 12px;

  background: url("../images/ic-bunyalist2.svg") no-repeat left 0.65em;

  text-decoration: underline;

}



/* category-type */

.contentGpCategoryCategoryTypes h2,

.contentGpCategoryCategoryType h2 {

  position: relative;

  margin-bottom: 25px;

  padding: 4px 28px;

  border: 1px solid #86b070;

  color: #333;

  font-size: 115%;

  font-weight: bold;

}



.contentGpCategoryCategoryTypes h2::before,

.contentGpCategoryCategoryType h2::before {

  content: ".";

  position: absolute;

  left: 6px;

  top: 50%;

  width: 6px;

  margin-top: -0.7em;

  border-radius: 6px;

  background-color: #86b070;

  color: transparent;

}



.contentGpCategoryCategoryTypes h2 a,

.contentGpCategoryCategoryType h2 a {

  color: #000;

}



.contentGpCategoryCategoryTypes ul::after,

.contentGpCategoryCategoryType ul::after {

  content: "";

  clear: both;

  display: block;

}



.contentGpCategoryCategoryTypes ul,

.contentGpCategoryCategoryType ul {

  padding: 0 45px 65px;

}



.contentGpCategoryCategoryTypes li,

.contentGpCategoryCategoryType li {

  float: left;

  width: 50%;

}



/* 光BOX（HB-1000） */

.hikaribox #gnavDocs h2,

.hikaribox .docs-news h2 {

  background: #ffffff;

  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 65%, #ebebeb 100%);

}



@media only screen and (max-width: 640px) {



  .contentGnavMenuItems section,

  .contentGnavMenuItem section,

  .contentGpCategoryCategory .sectionContainer section,

  .contentGpCategoryCategory .category-docs section {

    float: none;

    width: auto;

    margin-left: 0;

  }



  .contentGnavMenuItem li a,

  .contentGpCategoryCategoryTypes li a,

  .contentGpCategoryCategoryType li a,

  .contentGpCategoryCategory .docs-all li a,

  .contentGpCategoryCategory .category-docs section li a,

  #gnavDocs .pieceBody li,

  .docs-news ul li {

    background-position: left 0.5em;

  }

}



/* content tag

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

.contentTagTags,

.contentTagTag,

#tagList {

  margin-bottom: 25px;

  border: 1px solid #b1b1b1;

}



.contentTagTags h2,

.contentTagTag h2,

#tagList h2 {

  padding: 8px 15px;

  border-left: 8px solid #86b070;

  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 65%, #ebebeb 100%);

  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);

}



.contentTagTags ul,

.contentTagTag ul,

#tagList ul {

  padding: 13px 16px;

}



.contentTagTags li,

.contentTagTag li {

  padding: 2px 0 2px 12px;

  background: url("../images/ic-bunyalist2.svg") no-repeat left 0.65em;

}



#tagList ul {

  letter-spacing: -0.4em;

}



#tagList ul li {

  display: inline-block;

  letter-spacing: normal;

  vertical-align: top;

}



#tagList ul li::after {

  content: "/";

  margin: 0 0.5em;

}



#tagList ul li:last-child::after {

  content: "";

  margin: 0;

}



/* 光BOX（HB-1000） */

.hikaribox .contentTagTag h2,

.hikaribox #tagList h2 {

  background: #ffffff;

  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 65%, #ebebeb 100%);

}



/* map contents, calendar contents

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

.contentMapMarkers #map_canvas {

  width: 100% !important;

}



.contentMapMarkers table,

.calendarEvents table {

  width: 100%;

  margin: 10px 0 20px;

}



.contentMapMarkers table th,

.contentMapMarkers table td,

.calendarEvents table th,

.calendarEvents table td {

  vertical-align: middle;

}



.contentMapMarkers table .markerImage,

.contentMapMarkers table .marker {

  text-align: center;

}



.contentMapMarkers table .markerImage img {

  max-width: 120px;

  height: auto;

}



.contentMapNavigations {

  margin: 0 0 20px;

}



/* calendar contents

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

.upperPagination,

.lowerPagination {

  margin: 10px 0;

}



.calendarCalendarEvents table th,

.calendarCalendarEvents table td {

  width: 14%;

}



.calendarEvents table td {

  vertical-align: top;

}



.calendarMonthlyEvents table td,

.calendarTodayEvents table td {

  vertical-align: middle;

}



.calendarMonthlyEvents table td.image,

.calendarTodayEvents table td.image {

  width: 30%;

}



.calendarMonthlyEvents table td.image img,

.calendarTodayEvents table td.image img {

  max-width: 120px;

}



.calendarEvents table .event p {

  display: inline;

}



.calendarEvents table .event p.category {

  margin-left: 5px;

}



.calendarEvents table .date .closeDate {

  display: block;

}



.calendarEvents table .sun,

.calendarEvents table .holiday {

  color: #ee0000;

}



.calendarEvents table .sat {

  color: #3366ff;

}



.calendarCalendarEvents table p.category span {

  display: block;

}



.calendarTodayEvents table td {

  width: 30%;

}



/* sitemap

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

ul.sitemap::after {

  content: "";

  clear: both;

  display: block;

}



ul.sitemap a.level1,

ul.sitemap a.level2 {

  display: block;

  margin: 0 0 1em;

  padding: 6px 12px 9px 12px;

  border-top: 5px solid #86b070;

  background: url("../images/background.png");

  color: #665e51;

  font-size: 115%;

  font-weight: bold;

}



ul.sitemap a.level3 {

  display: block;

  position: relative;

  margin-bottom: 25px;

  padding: 4px 28px;

  border: 1px solid #86b070;

  color: #333;

  font-size: 115%;

  font-weight: bold;

}



ul.sitemap a.level3::before {

  content: ".";

  position: absolute;

  left: 6px;

  top: 50%;

  width: 6px;

  margin-top: -0.7em;

  border-radius: 6px;

  background-color: #86b070;

  color: transparent;

}



ul.sitemap ul.level4::after {

  content: "";

  clear: both;

  display: block;

}



ul.sitemap ul.level4 {

  padding: 0 45px 65px;

}



ul.sitemap ul.level4 li {

  float: left;

  width: 50%;

}



ul.sitemap ul.level4 li a {

  display: inline-block;

  padding: 2px 0 2px 12px;

  background: url("../images/ic-bunyalist2.svg") no-repeat left 0.65em;

  vertical-align: top;

}



ul.sitemap li.level1.categories>a.level1 {

  display: none;

}



@media only screen and (max-width: 640px) {

  ul.sitemap a.level3 {

    margin-bottom: 10px;

  }



  ul.sitemap ul.level4 {

    padding: 0 10px 20px;

  }



  ul.sitemap ul.level4 li {

    float: none;

    width: auto;

  }

}



/* photo library

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

.photo .contentGpCategoryCategoryType .docs ul,

.photo .contentGpArticleDocs .docs ul,

.photo .contentGpCategory .docs ul {

  display: flex;

  flex-wrap: wrap;

  padding: 0;

}



.photo .contentGpCategoryCategoryType .docs ul:not(.feed) li,

.photo .contentGpArticleDocs .docs ul:not(.feed) li,

.photo .contentGpCategory .docs ul:not(.feed) li {

  flex-basis: calc(33.33% - 16.67px);

  margin-right: 25px;

  margin-bottom: 25px;

  padding: 0;

  background: none;

}



.photo .contentGpCategoryCategoryType .docs ul:not(.feed) li:nth-child(3n),

.photo .contentGpArticleDocs .docs ul:not(.feed) li:nth-child(3n),

.photo .contentGpCategory .docs ul:not(.feed) li:nth-child(3n) {

  margin-right: 0;

}



.photo .contentGpCategoryCategoryType .docs li a,

.photo .contentGpArticleDocs .docs li a,

.photo .contentGpCategory .docs li a {

  display: block;

  padding: 0;

  border: 1px solid #b1b1b1;

  background: none;

  text-decoration: none;

}



.photo .contentGpCategoryCategoryType .docs li img,

.photo .contentGpArticleDocs .docs li img,

.photo .contentGpCategory .docs li img {

  display: block;

  min-height: 180px;

}



.photo .contentGpCategoryCategoryType .docs li span,

.photo .contentGpArticleDocs .docs li span,

.photo .contentGpCategory .docs li span {

  display: block;

}



.photo .contentGpCategoryCategoryType .docs li .title,

.photo .contentGpArticleDocs .docs li .title,

.photo .contentGpCategory .docs li .title {

  padding: 10px;

}



.photo .contentGpCategoryCategoryType .docs li .image,

.photo .contentGpArticleDocs .docs li .image,

.photo .contentGpCategory .docs li .image {

  max-height: 180px;

  overflow-y: hidden;

}



@media only screen and (max-width: 640px) {



  .photo .contentGpCategoryCategoryType .docs ul,

  .photo .contentGpArticleDocs .docs ul,

  .photo .contentGpCategory .docs ul {

    padding: 0 10px;

  }



  .photo .contentGpCategoryCategoryType .docs ul:not(.feed) li,

  .photo .contentGpArticleDocs .docs ul:not(.feed) li,

  .photo .contentGpCategory .docs ul:not(.feed) li {

    flex-basis: 100%;

    margin: 0 0 10px;

  }



  .photo .contentGpCategoryCategoryType .docs li img,

  .photo .contentGpArticleDocs .docs li img,

  .photo .contentGpCategory .docs li img {

    min-height: 0;

  }



  .photo .contentGpCategoryCategoryType .docs li .image,

  .photo .contentGpArticleDocs .docs li .image,

  .photo .contentGpCategory .docs li .image {

    max-height: none;

    overflow-y: visible;

  }

}



/* todays matsuzaki

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

.todaysMatsuzaki ul::after {

  content: "";

  clear: both;

  display: block;

}



.todaysMatsuzaki ul {

  padding: 0.5em 0 1em;

}



.todaysMatsuzaki ul li {

  float: left;

  width: 15%;

  margin-right: 2%;

  margin-bottom: 2%;

}



.todaysMatsuzaki ul li:nth-child(6n) {

  margin-right: 0;

}



.todaysMatsuzaki ul li a {

  display: block;

  padding: 5px 15px 5px 40px;

  border: 2px solid #86b070;

  border-radius: 6px;

  background: url("../images/ic-camera.svg") no-repeat 10px center;

  color: #86b070;

  font-size: 105%;

  text-align: left;

  text-decoration: none;

}



.todaysMatsuzaki ul li a:hover,

.todaysMatsuzaki ul li a:focus {

  text-decoration: underline;

}



@media only screen and (max-width: 640px) {

  .todaysMatsuzaki ul {

    margin: 0.5em 5px 1em;

    text-align: center;

    letter-spacing: -0.4em;

  }



  .todaysMatsuzaki ul li,

  .todaysMatsuzaki ul li:nth-child(6n) {

    display: inline-block;

    float: none;

    width: auto;

    margin: 0 5px 10px;

    letter-spacing: normal;

  }

}