body.font-default #font-default { background-color: #DCDCDC !important; }

body.font-small #font-small { background-color: #DCDCDC; }
body.font-small .page-content { font-size: 0.9em; }

body.font-large #font-large { background-color: #DCDCDC; }
body.font-large .page-content { font-size: 1.4em; }

body.color-white { background-color: white;}
body.color-blue { background-color: darkblue; color: yellow; }
body.color-blue * { background-color: darkblue !important; background-image: none !important; color: yellow !important; border-color: yellow !important; }
body.color-blue a { color: #fff !important; }
body.color-blue .logo-main img { background-color: #fff !important; }
body.color-blue .author-info__name img { background-color: #fff !important; }
body.color-blue .category__all { border: 1px solid yellow; }
body.color-blue .category__hamamatsu { border: 1px solid yellow; }
body.color-blue .category__shizuoka { border: 1px solid yellow; }
body.color-blue .category__fuji { border: 1px solid yellow; }
body.color-blue .category__numazu { border: 1px solid yellow; }
body.color-blue .top-hero * { background: none !important; border: none !important; }
body.color-blue .content-nav i { background: none !important; border: none !important; }

body.color-yellow { background-color: yellow; color: black; }
body.color-yellow * { background-color: yellow !important; background-image: none !important; color: black !important; border-color: black !important; }
body.color-yellow a { color: blue !important; }
body.color-yellow .logo-main img { background-color: #fff !important; }
body.color-yellow .author-info__name img { background-color: #fff !important; }
body.color-yellow .category__all { border: 1px solid black; }
body.color-yellow .category__hamamatsu { border: 1px solid black; }
body.color-yellow .category__shizuoka { border: 1px solid black; }
body.color-yellow .category__fuji { border: 1px solid black; }
body.color-yellow .category__numazu { border: 1px solid black; }
body.color-yellow .top-hero * { background: none !important; border: none !important; }
body.color-yellow .content-nav i { background: none !important; border: none !important; }

body.color-black { background-color: black; color: yellow; }
body.color-black * { background-color: black !important; background-image: none !important; color: yellow !important; border-color: yellow !important; }
body.color-black a { color: #fff !important; }
body.color-black .logo-main img { background-color: #fff !important; }
body.color-black .author-info__name img { background-color: #fff !important; }
body.color-black .category__all { border: 1px solid yellow; }
body.color-black .category__hamamatsu { border: 1px solid yellow; }
body.color-black .category__shizuoka { border: 1px solid yellow; }
body.color-black .category__fuji { border: 1px solid yellow; }
body.color-black .category__numazu { border: 1px solid yellow; }
body.color-black .top-hero * { background: none !important; border: none !important; }
body.color-black .content-nav i { background: none !important; border: none !important; }

.kome_list { padding-left: 1em; text-indent: -1em; list-style-type: none; }

/*.about-item { padding: .8em 0 .6em; border-bottom: 1px dashed #a9a9a9; }*/
.about-item { padding: .8em 0 .6em; border-bottom: 1px dashed #a9a9a9; font-size: 108%; }
.about-item_2 { padding: .8em 0 1.8em; border-bottom: 1px dashed #a9a9a9; }
.about-item__meta { float: left; }
.about-item__meta span { display: inline-block; }
.about-item__title { padding: 0 0 0 17em; }

.guide-item { padding: .8em 0 .6em;}
.guide-item_2 { padding: .8em 0 1.8em; border-bottom: 1px dashed #a9a9a9; }
.guide-item__meta {
  float: left;
  text-align: center;
  width: 180px;
  position: relative;
  margin: 1em 0 1em;
  font-size: 120%;
  border-radius: 4px;
  border: solid 1px #0b7cc3;
  background-color: #0b7cc3;
  color: #fff !important;
  padding: .5em 1em .35em 1em;
  text-decoration: none !important;
}
.guide-item__meta span { display: inline-block; }
.guide-item__title {padding: 0 0 0 14em; }
.guide-item__title p {font-size: 100%}
.guide-item__arrow {
  width: 180px;
  font-size: 3em !important;
  color: #0b7cc3 !important;
  text-decoration: none !important;
  text-align: center;
}

.header-comment { padding: .8em 0 .6em; border-bottom: 1px dashed #a9a9a9;}

.sub-menu__title_sub h2 {
  margin-top: 0.6em !important;
}
.sub-menu__title_sub a {
  color: #fff !important;
    text-decoration: none !important; 
}
.sub-menu__title_sub a:hover {
    text-decoration: underline !important;
}

.sub-menu__sub-item { border-bottom: 1px dashed #a9a9a9; }
.sub-menu__sub-item a { position: relative; display: block; padding: .8em .5em .6em 1.5em; text-decoration: none; color: #221815; }
.sub-menu__sub-item a:before, .sub-menu__sub-item a:after { position: absolute; top: 20%; bottom: 20%; left: .5em; width: 3px; }
.sub-menu__sub-item a:before { background-color: #d2d2d2; }
.sub-menu__sub-item a:after { bottom: 40%; background-color: #0b7cc3; }
.sub-menu__sub-item a:hover { text-decoration: underline; }

.sub-menu__staff-item { border-bottom: 1px dashed #a9a9a9; }
.sub-menu__staff-item a { position: relative; display: block; padding: .8em .5em .6em 1.5em; text-decoration: none; color: #221815; }
.sub-menu__staff-item a:before, .sub-menu__staff-item a:after { position: absolute; top: 20%; bottom: 20%; left: .5em; width: 3px; }
.sub-menu__staff-item a:before { background-color: #d2d2d2; }
.sub-menu__staff-item a:after { bottom: 40%; background-color: #0b7cc3; }
.sub-menu__staff-item a:hover { text-decoration: underline; }

.staff-item { padding: .8em 0 .6em; border-bottom: 1px dashed #a9a9a9; font-size: 116%; }
.staff-item_2 { padding: .8em 0 1.8em; border-bottom: 1px dashed #a9a9a9; font-size: 116%; }
.staff-item__meta { float: left; }
.staff-item__meta span { display: inline-block; }

.staff-item__title { padding: 0 0 0 13em; }


.lbl-requiry { padding: .05em .4em 0; color: #d00;}

.error-message { position: relative; margin: 8px 0 0; padding: .4em .5em .3em; background-color: #cc3e55; color: #fff; font-size: 80%; }
.error-message:before { content: ''; position: absolute; left: 16px; top: -12px; border: 6px solid transparent; border-bottom-color: #cc3e55; }

.emagazine_btn {text-align: left;margin: 5px}

.information-list { margin: 0 0 0; position: relative; border-top: 4px solid #ddd; font-size: 108%; }

.eqp_img {text-align: center;}
/* .eqp_img img {width: 80%;} */

.contacts_item th{text-align: center !important;vertical-align: top;}
.contacts_item td{vertical-align: top;}
.contacts_item td:nth-of-type(1) {background-color: #F2F2F2; vertical-align: top;}

.to__top i {
   margin: 0 .2em 0 0;
   vertical-align: middle;
   color: #0b7cc3;
}

.pagenav {text-align: center;}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 2px;
}

.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  border-radius: 5px;
  margin-left: 5px;
  line-height: 1.42857;
  color: #0b7cc3;
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #bbb; 
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #666;
  border-color: #0b7cc3;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #0b7cc3;
  border-color: #0b7cc3;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.equipment-content .content-main{ width: 100%; }
.equipment-content .content-sub{ display: none; }

.form-area { width: 87%; margin: 0 auto; padding: 32px; border: 2px solid #0B7CC3; background-color: #EEEEEE; font-size: 16px; }

.search-block + .search-block { margin: 40px 0 0; padding: 40px 0 0; border-top: 2px solid #ccc; }
.search-block__title { font-size: 32px; }
.search-block__body { margin: 16px 0 0; }
.search-block__config { overflow: hidden; }
.search-block__config + .search-block__config { margin: 8px 0 0; }
.search-block__config dt { float: left; width: 10em; padding: .3em 0 0; text-align: right; }
.search-block__config dd { padding: 0 0 0 10.5em; }
/* .search-block__config dd input[type="text"] { width: 65%; } */
.search-block__config dd input, .search-block__config dd select { vertical-align: middle; }
.search-block__button { margin: 16px 0 0; text-align: right; }
.search-block__select1, .search-block__select2 { display: inline-block; }
.search-block__select1 select, .search-block__select2 select { vertical-align: middle; }
.search-block__select2:before { content: '\f061'; display: inline-block; vertical-align: middle; margin: 0 1em; font-family: 'torihiki-oen'; font-size: 30px; }
.search-w99 {width: 99%;}
.search-w62 {width: 62%;}
.search-w35 {width: 35%;}

.form-area input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], select, textarea {
    border: 1px solid #aaa;
    background-color: #fff;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

.help-block {
  display: block;
  padding: 5px;  
  #margin-top: 5px;
  #margin-bottom: 10px;
  color: #737373;
}

.gsc-control-cse {
  padding: 1em 0 !important; }

.gsc-control-wrapper-cse {
  float: left; }
.gsc-control-wrapper-cse * {
  font-family:  "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
.gsc-control-wrapper-cse .gsc-results .gsc-result {
    margin: 1em 0 2em; }
.gsc-control-wrapper-cse .gsc-results .gsc-thumbnail-inside, .gsc-control-wrapper-cse .gsc-results .gsc-url-top {
    padding-left: 0; }
.gsc-control-wrapper-cse .gsc-results .gs-no-results-result .gs-snippet {
    padding: 10px 0; }
.gsc-control-wrapper-cse .gsc-results .gsc-cursor-box {
    text-align: left; }
.gsc-control-wrapper-cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
  position: relative;
  float: left;
  padding: 6px 12px;
  border-radius: 5px;
  margin-left: 5px;
  line-height: 1.42857;
  color: #0b7cc3;
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #bbb;
}
.gsc-control-wrapper-cse .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
  background-color: #0b7cc3;
  border-color: #0b7cc3;
  color: #fff;
  border-radius: 5px;
}
.gsc-control-wrapper-cse .gsc-table-result .gs-title {
    margin: 0 0 0.4em;
    color: #0b7cc3; }
.gsc-control-wrapper-cse .gsc-table-result .gs-title * {
      color: #0b7cc3; }
.gsc-control-wrapper-cse .gsc-table-result .gs-image-box {
    margin: 0 0.5em 0 0; }
.gsc-control-wrapper-cse .gsc-table-result .gs-snippet {
    font-size: 12px; }
.gsc-control-wrapper-cse .gsc-table-result .gsc-url-bottom .gs-visibleUrl {
    color: #999; }

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    text-decoration: none !important;
    border-color: #0b7cc3;
  transition-property: color, border-color, background-color, opacity;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
}

.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
    padding: 5px !important;
    margin: 5px;
  color: #fff !important;
    border: 1px solid #cc3e55 !important;
    background-color: #cc3e55 !important;
}
  
/* @media (max-width: 767px) { */
@media (max-width: 768px) {
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 2px;
}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {  
  position: relative;
  float: left;
  padding: 6px 12px;
  border-radius: 5px;
  margin-left: 5px;
  line-height: 1.42857;
  color: #0b7cc3;
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #bbb;   
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #666;
  border-color: #0b7cc3;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #0b7cc3;
  border-color: #0b7cc3;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

  .form-area { width: 100%; padding: 16px; font-size: 13px; }
  .search-block__select1, .search-block__select2 { display: block; }
  .search-block__select1 select, .search-block__select2 select { width: 100%; }
  .search-block__select2:before { display: block; padding: .5em 0; text-align: center; content: '\f063'; }
  .search-block__title { font-size: 24px; }
  .search-block__config { overflow: hidden; }
  .search-block__config dt { width: 7em; }
  .search-block__config dd { padding: 0 0 0 7em; }
  .search-block__button { text-align: center; }
  .search-w62 {width: 99%;}
  .search-w35 {width: 99%; margin: 8px 0;}

  
}

/* 以下、事前確認で使用 */
 .event_prev {
  padding: 10px;
  background-color: #404040;
  color: #FFF;
  opacity:0.75;
    
}

.entry-item2{
  /*margin-left: 5px;*/
  margin-left: 10px;
}

/*@media (min-width: 767px) {
.event-date__end{
  padding-left: 45px;
}
}*/

.br-sp {
  line-height: 1.8;
}
@media (max-width: 767px) {
.br-sp {
  display:none;
}
.entry-item2{margin-left: 0;}
}
/* .form-custom-control {
    #display: block;
    #width: 100%;
    height: 37px;
    padding: 6px 12px;
    margin: 6px;
    font-size: 16px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
} */

/* .form-custom-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
} */

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
.about-item_2 { padding: .8em 0 .6em; border-bottom: 1px dashed #a9a9a9; }
.about-item__meta { float: none; }
.about-item__title { padding: 4px 0 0; }
}

@media only screen and (max-width: 767px) {
.guide-item_2 { padding: .8em 0 .6em; border-bottom: 1px dashed #a9a9a9; }
.guide-item__meta { float: none; width: 100%; text-align: center;}
.guide-item__title { padding: 4px 0 0; }
.guide-item__arrow {
  font-size: 3em !important;
  color: #0b7cc3 !important;
  margin-top: -10px !important;
  text-decoration: none !important;
  text-align: center;
  width: auto;
}

}

@media only screen and (max-width: 767px) {
.staff-item_2 { padding: .8em 0 .6em; border-bottom: 1px dashed #a9a9a9; }
.staff-item__meta { float: none; }
.staff-item__title { padding: 4px 0 0; }


.emagazine_btn {text-align: left;margin: 5px}
.emagazine_btn_comment {display:block;}
  
.eqp_id {display:block;}

#demo01 table { width: 100%; border:none; padding: 10px;}
#demo01 thead { display: none;}
#demo01 tr {
  display: block;
  margin-bottom: 20px;
}
#demo01 td {
  border-bottom: none;
  display: block;
  text-align: center;   
  padding: 5px;
}

/* tdのデザイン */
#demo01 td:nth-of-type(1) {
  background-color: #D7EDF9;
  border-bottom: 4px solid #0b7cc3;   
  color: #fff;
  padding: 5px;   
}
#demo01 td:last-child {
  border-bottom: 1px solid #DDD;
}
/*td:beforeのデザイン*/
#demo01 td:before {
  background-color: #eee;
  color: #000;
  display: block;
  text-align: center;
}
 
/* contentでタイトルを追加 */
#demo01 td:nth-of-type(2):before { content: "機器使用料一覧上の名称";}
#demo01 td:nth-of-type(3):before { content: "使用料金";}
#demo01 td:nth-of-type(4):before { content: "設置場所";}
#demo01 td:nth-of-type(5):before { content: "導入年";}
#demo01 td:nth-of-type(6):before { content: "使用可否";}

/* demo2 -------------------------------------------------------- */
#demo02 table { width: 100%; border:none; padding: 10px;}
#demo02 thead { display: none;}
#demo02 tr {
  display: block;
  margin-bottom: 20px;
}
#demo02 th {
  width: 100%; 
  border-right: 1px solid #ccc;
    border-bottom: 4px solid #0b7cc3;
  display: block;
  text-align: center;   
  padding: 5px;
} 
#demo02 td {
  width: 100%; 
  border-bottom: none;
  display: block;
  text-align: center;   
  padding: 5px;
}

#demo02 td:last-child {
  border-bottom: 1px solid #DDD;
}
/*td:beforeのデザイン*/  
#demo02 td:before {
  background-color: #eee;
  color: #000;
  display: block;
  text-align: center;
}

/* demo3 -------------------------------------------------------- */
#demo03 table { width: 100%; border:none; padding: 10px;}
#demo03 th { display: none;}
#demo03 tr {
  display: block;
  margin-bottom: 20px;
}
#demo03 td {
  border-bottom: none;
  display: block;
  text-align: center;   
  padding: 0;
}

/* tdのデザイン */
#demo03 td:nth-of-type(1) {
  padding: 5px;
    border-bottom: 4px solid #0b7cc3;
    text-align: center; 
  background-color: #d7edf9;
}


#demo03 td:last-child {
  border-bottom: 1px solid #DDD;
}
/*td:beforeのデザイン*/
#demo03 td:before {
  background-color: #eee;
  color: #000;
  display: block;
  text-align: center;
}
  
}