@charset "UTF-8";
/* @import url("/wp/wp-content/themes/fukui_news/css/style.css"); */


#page_content {
  font-family: "Mplus 1p"!important;
}
#page_content h1,
#page_content h2,
#page_content h3,
#page_content h4 {
  font-weight: normal!important;
}

/* HOME */

#topimg {
  height: 480px;
  background: none;
}

.juken-home h2 {
  margin: 0!important;
  padding: 60px 0!important;
  height: 200px;
  background: #f0f0f0!important;
  text-align: center;
  font-size: 26px;
  line-height: 50px!important;
}
.juken-home h2 span {
  display: block;
  font-size: 14px;
  line-height: 30px;
}
.juken-home ul {
  margin: 0!important;
  padding: 0!important;
  list-style: none;
  letter-spacing: -.4em;
}
.juken-home li {
  margin: 0!important;
  padding: 0!important;
  display: inline-block;
  letter-spacing: normal;
}

.juken-list li {
  width: 33.33333%;
}
.juken-list li a {
  display: block;
  text-align: center;
}
.hm-adm li a {
  height: 200px;
  line-height: 200px;
  background: #003975;
}
#adm02 a {
  background: #205da8;
}
#sr01, #sr02 {
  width: 50%!important;
}

.message {
  width: 100%;
  height: 270px;
  background: url(/wp/wp-content/themes/fukui_news/images/juken/hm_clbgimg.png) 0 0 no-repeat;
  text-align: center;
  overflow: hidden;
}
.message ul {
  margin: 50px auto!important;
}
.message li {
  margin: 0 20px!important;
}
.mes-photo {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 0 -10px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
}
.message a:hover .mes-photo::before{
  background-color: rgba(255,255,255,0.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.mes-name {
  display: block;
  width: 100%;
  height: 50px;
  background: url(/wp/wp-content/themes/fukui_news/images/juken/name_bgimg.png) 0 0 no-repeat;
  background-size: contain;
  text-align: center;
  padding-top: 5px;
  position: relative;
}

.post-type-archive-townguide h3 {
  margin: 0!important;
}

.tg-box {
  padding: 40px 30px 50px;
  overflow: hidden;

  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-start;
  justify-content: space-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tg-column {
  /*
  display: inline-block;
  vertical-align: top;
  */
  width: 270px;
  height: auto;
  background: #fff;
  margin: 0 20px 30px 0;
}
.tg-column > a {
  display: block;
}
.tg-column:nth-of-type(4n) {
  margin-right: 0;
}
.tg-photo {
  display: block;
  width: 100%;
  height: 180px;
  margin: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.tg-column > a:hover .tg-photo::before{
  background-color: rgba(255,255,255,0.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
.tg-content {
  padding: 30px;
}
.tg-content p:last-child {
  margin-bottom: 0!important;
}

.voice-box {
  /*
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-start;
  justify-content: space-start;
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  */
  padding: 30px 0 0;
  letter-spacing: -.4em;
}
.voice-column {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 25%;
  height: auto;
  margin: 0;
  padding: 0 0 30px;
  position: relative;
}
.voice-column a {
  text-decoration: none!important;
}
.voice-column h3 {
  margin: 10px 0!important;
  padding: 0 15px;
  font-size: 1.1em;
}
.voice-column .category_archive {
  position: absolute;
  top: 180px;
  left: 15px;
  width: 110px;
  font-size: .8em;
  text-decoration: none;
  text-align: center;
}
.voice-column .category_archive:nth-of-type(2) {
  left: 130px;
}
.voice-column .category_archive:nth-of-type(3) {
  top: 160px;
  left: 15px;
}
.voice-column .category_archive:nth-of-type(4) {
  top: 160px;
  left: 130px;
}
.category_archive.education-regional,
.category_archive.education {
  background-color: #ffc54e;
}
.category_archive.medical {
  background-color: #8dcdf3;
}
.category_archive.engineer {
  background-color: #d4e25e;
}
.category_archive.global {
  background-color: #f9abbb;
}
.category_archive.other {
  background-color: #fff;
}

.voice-thumbnail {
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
}
.voice-name {
  margin: 0 10px 10px!important;
  padding: 8px;
  font-size: .8em;
  border: 1px solid #ccc;
  line-height: 1.4;
}
.voice-column a:hover .voice-thumbnail::before{
  background-color: rgba(255,255,255,0.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}



/* ¤½¤ÎËû¥Ú©`¥¸ */

#pankuzu {
  background: #f0f0f0;
  text-align: right;
  float: none!important;
}

#page_content > h2 {
  margin: 0!important;
  padding: 20px 30px!important;
  height: auto!important;
  line-height: 1.3!important;
  background: #e2e2e2!important;
}

/*
.single-voice #page_content > h2,
.tax-voice_term #page_content > h2 {
  margin: 0!important;
  padding: 20px 30px!important;
  height: auto!important;
  line-height: 1.3!important;
  background: #e2e2e2!important;
}
.page-template-juken #page_content > h2,
.post-type-archive-townguide #page_content > h2,
.single-townguide #page_content > h2 {
  margin: 0!important;
  padding: 0 30px!important;
  height: 70px!important;
  line-height: 70px!important;
  background: #e2e2e2!important;
}
*/

.single-voice #sidebar,
.page-template-juken #sidebar,
.tax-voice_term #sidebar {
  background: none!important;
}

.tax_teacher .pickup2 img {
  margin: .4em 0 .4em 1.6em!important;
}

/* ¥¿¥¦¥ó¥¬¥¤¥É */
.tg-campus {
  border-bottom: 1px dotted #f0f0f0;
  margin: 20px 0 10px!important;
  padding: 5px!important;
  text-align: center;
}

.mw-google-maps-map {
  height: 500px!important;
}

.tgimg {
  margin: 30px auto!important;
  overflow: hidden;
  letter-spacing: -.4em;
}

.mainimg {
  display: inline-block;
  vertical-align: top;
  width: 80.5%;
}
.onlyimg {
  display: block;
  width: 100%;
  /* text-align: center; */
}

.thumbnails {
  display: inline-block;
  vertical-align: top;
  width: 19.5%;
  height: 486px;
  overflow-y: auto;
}

.thumbnails::-webkit-scrollbar { width: 15px; }
.thumbnails::-webkit-scrollbar-track { background: #ccc; }
.thumbnails::-webkit-scrollbar-thumb { background: #666; }

.mainimg img,
.thumbnails img {
  width: 100%;
}
.thumbnails img:hover {
  cursor: pointer;
  opacity: .7;
}

.onlyimg img {
  width: auto;
}

.tginfo dl {
  margin: 30px 0 0;
}

.tginfo dt {
  width : 5em;
  float : left;
  clear : both;
}

.tginfo dd {
  margin: 0 0 .8em 5em;
}

/* ÏÈÝ…¤¿¤Á¤Î1ßLég */

.parent-pageid-30138 .sub_content {
  background: #fff;
}

.parent-pageid-30138 table th {
  text-align: center!important;
  width: 19%;
  vertical-align: middle;
}
.parent-pageid-30138 table td {
  text-align: center;
  vertical-align: middle;
}
.parent-pageid-30138 table th:first-child {
  width: 5%;
}

.lifestyle {
  text-align: center;
}

.global th { color: #ED7A8E; }
.education th { color: #F18D00; }
.medical th { color: #5997D1; }
.engineer th { color: #58B531; }

.lifestyle h2 {
  margin: 50px 0 15px;
  padding: 15px!important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.global h2 {
  background: -webkit-repeating-linear-gradient(45deg, #F4B3C1, #F4B3C1 5px, #fff 5px, #fff 10px);
  background: repeating-linear-gradient(45deg, #F4B3C1, #F4B3C1 5px, #fff 5px, #fff 10px);
}
.education h2 {
  background: -webkit-repeating-linear-gradient(45deg, #FBCA4D, #FBCA4D 5px, #fff 5px, #fff 10px);
  background: repeating-linear-gradient(45deg, #FBCA4D, #FBCA4D 5px, #fff 5px, #fff 10px);
}
.medical h2 {
  background: -webkit-repeating-linear-gradient(45deg, #9FD1F1, #9FD1F1 5px, #fff 5px, #fff 10px);
  background: repeating-linear-gradient(45deg, #9FD1F1, #9FD1F1 5px, #fff 5px, #fff 10px);
}
.engineer h2 {
  background: -webkit-repeating-linear-gradient(45deg, #D9E259, #D9E259 5px, #fff 5px, #fff 10px);
  background: repeating-linear-gradient(45deg, #D9E259, #D9E259 5px, #fff 5px, #fff 10px);
}

.lifestyle h3 {
  padding: 0;
  margin: 0 0 20px!important;
  width: 120px;
  height: 120px;
  line-height: 120px;
  display: inline-block;
  border-radius: 50%;
  font-family: 'Capriola', sans-serif!important;
  font-size: 2.4em;
}

.global h3,
.global strong {
  border: 3px solid #ED7A8E;
  color: #ED7A8E;
}
.education h3,
.education strong {
  border: 3px solid #F18D00;
  color: #F18D00;
}
.medical h3,
.medical strong {
  border: 3px solid #5997D1;
  color: #5997D1;
}
.engineer h3,
.engineer strong {
  border: 3px solid #58B531;
  color: #58B531;
}

.lifestyle strong {
  display: inline-block;
  padding: 10px 20px;
  margin: 0 0 20px;
  border-radius: 10px;
  font-size: 1.6em;
  font-weight: normal;
}

.ls-col {
  overflow: hidden;
  margin: 20px 0 0;
}
.ls-col:after {
  font-family: FontAwesome;
  display: block;
  font-size: 6.0rem;
  content: '\f078';
  clear: both;
  text-align: center;
}
.global .ls-col:after { color: #ED7A8E; }
.education .ls-col:after { color: #F18D00; }
.medical .ls-col:after { color: #5997D1; }
.engineer .ls-col:after { color: #58B531; }

.no-arw {
  margin: 20px 0;
  padding: 0 0 20px;
  border-bottom: 3px dotted #ddd;
}
.no-arw:after {
  display: none;
}
.no-arw:last-child {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

.ls-col > p {
  display: inline-block;
  vertical-align: middle;
  margin: 0!important;
}
.ls-col img {
  margin: 0 20px;
  border-radius: 20px;
}
.ls-data {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}


.fukidashi,
.fukidashi2 {
  position: relative;
  display: inline-block;
  margin: 20px 0 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  border-radius: 10px;
}

.fukidashi:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -15px;
  border: 15px solid transparent;
}

.fukidashi2:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -15px;
  border: 15px solid transparent;
}

.global .fukidashi,
.global .fukidashi2 {
  background: #F4B3C1;
}
.global .fukidashi:before,
.global .fukidashi2:before {
  border-top: 15px solid #F4B3C1;
}

.education .fukidashi,
.education .fukidashi2 {
  background: #FBCA4D;
}
.education .fukidashi:before,
.education .fukidashi2:before {
  border-top: 15px solid #FBCA4D;
}

.medical .fukidashi,
.medical .fukidashi2 {
  background: #9FD1F1;
}
.medical .fukidashi:before,
.medical .fukidashi2:before {
  border-top: 15px solid #9FD1F1;
}

.engineer .fukidashi,
.engineer .fukidashi2 {
  background: #D9E259;
}
.engineer .fukidashi:before,
.engineer .fukidashi2:before {
  border-top: 15px solid #D9E259;
}


/**
* 16.0 Media Queries
*/

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}


/**
* Tablet
*/
@media screen and (max-width: 1200px) {
}

@media only screen and (max-width: 800px) {
  #topimg {
    height: auto;
  }
  .juken-home h2 {
    padding: 30px 0!important;
    height: auto;
  }
  .message li {
    margin: 0 10px!important;
  }

  #sidebar {
    padding-bottom: 0;
  }
  #sidebar .main_sidenav {
    margin-top: 0;
  }
  #pagetop > div {
    border: 1px solid #fff;
  }
  .pagetop_btn2 {
    top: -39px;
  }
  #foot_nav {
    margin: 20px 0 0;
  }
  #foot_nav li {
    margin: 5px 10px;
  }

  .tg-column,
  .tg-column:nth-of-type(4n) {
    width: 33%;
    margin: 0 .33333% 2px 0;
  }
}

/**
* Mobile
*/
@media only screen and (max-width: 600px) {
  .message {
    height: auto;
  }
  .mes-photo {
    width: 120px;
    height: 120px;
  }
  .mes-name {
    height: auto;
  }

  .voice-column {
    width: 33.33333%;
  }
  .voice-column .category_archive {
    width: 110px!important;
  }

  .tg-column,
  .tg-column:nth-of-type(4n) {
    width: 49%;
    margin: 0 .5% 5px;
  }
}


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

  .message {
    background-size: cover;
  }
  .mes-photo {
    width: 130px;
    height: 130px;
  }
  .message li {
    margin: 0 15px 10px!important;
  }
  .hm-adm li a {
    height: 160px;
    line-height: 160px;
  }
  #sr01,
  #sr02,
  .juken-list li {
    width: 100%!important;
  }

  .voice-column {
    width: 50%;
  }

  .mw-google-maps-map {
    height: 300px!important;
  }
  .tg-column,
  .tg-column:nth-of-type(4n) {
    width: 100%;
    margin: 0 0 5px;
  }
}


/**
* 17.0 Print
*/

@media print {
  body {
    background: none!important; /* Brute force since user agents all print differently. */
    font-size: 11.25pt;
    _zoom: 0.7;
  }
}