@charset "UTF-8";
/*

Theme Name: twentyseventeen-child
Template: twentyseventeen
Description: this is mytheme
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: pancettadesign
Author URI: 
Version: 1.0.0
License: 
License URI: 
*/
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.bg-slider {
  width: 100vw;
  height: 100vh;
  background-position: center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.site-header {
  background-color: transparent;
  position: relative; }

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
  display: block;
  height: auto;
  height: 100vh; }

.home .headerarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
  height: 5rem;
  background-repeat: repeat-x;
  background-position: center;
  background-position: bottom 0px center;
  margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .home .headerarea {
      display: none; } }

.social-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  text-align: center; }

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 92%;
  height: 92vh;
  margin-bottom: 0; }

.home .wrapheadouter {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-repeat: repeat-x;
  background-position: center;
  background-position: top -1px center; }

.home .wraphead {
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("http://local01.test/wp-content/uploads/town2.png");
  background-repeat: repeat-x;
  background-position: bottom -15px center;
  padding: 1rem;
  width: 60%;
  height: auto; }
  @media screen and (max-width: 768px) {
    .home .wraphead {
      width: 90%;
      min-height: 100%;
      margin-top: 4rem; } }
  @media screen and (max-width: 768px) and (max-width: 350px) {
    .home .wraphead {
      width: 95%;
      min-height: 100%; } }

@media screen and (orientation: landscape) and (max-width: 767px) {
  .headerwidget form.search-form, .brandingtext {
    display: none; }
  .home .button-area {
    padding-top: 0 !important; } }

.site-branding-text {
  display: block !important;
  text-align: center; }

.home h1.site-title a, .home p.site-description {
  color: #fff; }

.home .brandingtext {
  width: 80%;
  margin: 0 auto;
  padding-top: 1rem;
  font-size: 1rem;
  color: #333;
  font-weight: 900;
  color: #333;
  text-shadow: 1px 1px  3px #fff;
  text-align: center;
  text-justify: inter-ideograph; }
  @media screen and (max-width: 767px) {
    .home .brandingtext {
      width: 100%;
      font-size: .9rem;
      text-align: justify;
      line-height: 1rem; } }

.home .button-area {
  text-align: center;
  margin: 2rem 0  1rem 0 !important; }
  @media screen and (max-width: 767px) {
    .home .button-area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      height: auto;
      padding-top: 2rem; } }
  @media screen and (max-width: 767px) and (max-width: 350px) {
    .home .button-area {
      padding-top: 0 !important;
      margin: 0rem 0rem 0rem 0rem !important; } }

.wraphead .button-area a.btn.btn-info {
  margin-bottom: 1rem; }

@media screen and (max-width: 500px) {
  .wraphead .button-area2 a.btn.btn-info {
    margin-bottom: 1rem; } }

.button-area2 {
  text-align: center;
  margin-top: 2rem; }

.page .button-area2, .single .button-area2, .archive .button-area2 {
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 3rem; }
  @media screen and (max-width: 500px) {
    .page .button-area2, .single .button-area2, .archive .button-area2 {
      width: 50%;
      margin: 1rem auto .5rem auto; } }

.headerwidget li#fudo_search-4.widget.widget_fudo_search {
  list-style-type: none;
  padding: 0; }

.headerwidget form.search-form {
  width: 50%;
  border: 5px solid #bcbcbc;
  border-radius: 5px;
  margin: 1rem auto; }
  @media screen and (max-width: 767px) {
    .headerwidget form.search-form {
      width: 100%;
      margin: 3rem auto 1rem auto; } }
  @media screen and (max-width: 767px) and (max-width: 350px) {
    .headerwidget form.search-form {
      padding-top: 0 !important;
      margin: 1rem auto 0rem auto !important; } }

.headerwidget input.search-field {
  height: 70px !important;
  padding: 0;
  margin: 0;
  padding-left: 1rem; }
  @media screen and (max-width: 767px) {
    .headerwidget input.search-field {
      width: 100%;
      height: 50px !important; } }

.page .headerwidget input.search-field, .single .headerwidget input.search-field {
  height: 50px !important;
  padding: 0;
  margin: 0;
  padding-left: 1rem; }
  @media screen and (max-width: 767px) {
    .page .headerwidget input.search-field, .single .headerwidget input.search-field {
      width: 100%;
      height: 50px !important; } }

input::-webkit-input-placeholder {
  color: #00a4b6; }

/* Firefox */
input::-moz-placeholder {
  color: #00a4b6; }

/* Firefox 18以前 */
input:-moz-placeholder {
  color: #00a4b6; }

/* IE */
input:-ms-input-placeholder {
  color: #00a4b6; }

.home .search-form input[type="submit"] {
  background-color: #00a4b6;
  background-image: url("http://Local01.test/wp-content/uploads/searchbtn.png");
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-position: center center;
  width: 10%;
  font-size: .5rem;
  padding-top: 2rem; }

.search-form input[type="submit"] {
  background-color: #00a4b6;
  background-image: url("http://Local01.test/wp-content/uploads/searchbtn.png");
  background-size: 30% auto;
  background-repeat: no-repeat;
  background-position: center center;
  width: 10%;
  font-size: .5rem;
  padding-top: 1.5rem; }

.home .wrap {
  padding-left: 0;
  padding-right: 0; }

.main-navigation {
  height: 100%; }

.navigation-top {
  background: rgba(0, 0, 0, 0.5);
  border-top: none; }

.navigation-top a {
  display: block;
  color: #ececec; }

.navigation-top a:hover {
  display: block;
  color: #fff; }

.social-navigation a {
  background-color: #00a4b6; }

.up_mark, .new_mark {
  border-radius: 3px; }

.up_mark, .new_mark {
  font-family: Verdana,Geneva,sans-serif;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  top: -5px;
  left: -5px;
  display: block;
  width: auto !important;
  padding: 2px 5px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #900;
  text-shadow: 1px 1px 0 #900;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg); }

.entry-title .new_mark {
  background-color: darkred !important;
  margin: .25rem;
  color: #fff; }

li#menu-item-93 a {
  text-decoration: none; }

ul.sub-menu li a {
  color: #333; }

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
  color: #00a4b6; }

.page .custom-header, .single .custom-header, .archive .custom-header {
  margin-bottom: 0 !important; }

.menu-main-menu-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.page-id-69 .my-search01 li {
  list-style-type: none;
  margin-bottom: 20rem;
  background: #ececec;
  padding-top: 83px;
  padding: 2rem; }

#number1, #number2, #number3, #primary {
  margin-top: -110px;
  padding-top: 110px; }

.page-id-69 h2 {
  text-align: center;
  margin-top: 1rem; }

.page-id-69 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.page-id-69 li.cat-item.current-cat {
  font-size: 1.5rem; }

.page-id-69 .widget ul li ul li a {
  font-size: 1.25rem;
  background: #00a4b6;
  padding: .5rem;
  border-radius: .5rem;
  color: #fff; }

.grid-content li, article.hentry {
  background: #f0f0f0;
  outline: 2px solid #00a4b6;
  outline-offset: .25rem; }

.single article.hentry {
  background-color: #fff;
  outline: none; }

.grid-content span {
  color: #666; }

.grid-content li span.top_titel {
  font-weight: 900; }

#list_simplepage2 .list_detail table th {
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  background: #00a4b6;
  color: #fff; }

#list_simplepage2 .list_detail table td {
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff; }

table.form_jsearch {
  width: 100%;
  margin-bottom: 10px;
  border-collapse: collapse;
  border: 2px solid #fff; }

table.form_jsearch th {
  font-weight: 400;
  width: 22%;
  padding: 20px 10px 10px !important;
  text-align: left;
  vertical-align: top;
  border-bottom: 2px solid #fff;
  background: #00a4b6;
  color: #fff; }

table.form_jsearch td {
  width: 78%;
  margin: 0;
  padding: 10px !important;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #e5e5e5; }

.site-content {
  padding: 2em 0 0;
  /* 余白調整 */ }

.single-featured-image-header {
  padding: 0 0 1em;
  /* 画像下余白調整 */
  border-bottom: none;
  background-color: #fff; }

input[type="submit"] {
  width: 100%; }

.site-footer {
  background-image: url("http://local01.test/wp-content/uploads/town2.png");
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: bottom 5px center; }

.site-infoo.container {
  width: 100%;
  text-align: center; }

.site-infoo.container a {
  color: #00a4b6;
  font-size: 1rem; }

.page-id-11 ul.bloglist {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .page-id-11 ul.bloglist {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.page-id-11 ul.bloglist li {
  position: relative;
  background-color: #efefef;
  margin: 1rem;
  padding: 10px;
  width: 220px; }
  @media screen and (max-width: 767px) {
    .page-id-11 ul.bloglist li {
      margin: 1rem auto; } }

　
.single time.entry-date.published:before {
  content: "\f017";
  font-family: "FontAwesome";
  font-size: 1rem;
  margin-right: .5rem; }

.single span.byline:before {
  content: "\f007";
  font-family: "FontAwesome";
  font-size: 1rem;
  margin: 0 .25rem 0 1rem; }

li.recentpost {
  list-style-type: none;
  width: 100%;
  margin-bottom: 1rem; }

li.recentpost img {
  margin-right: .5rem; }

li.recentpost a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

h4.rpt {
  font-size: 1.25rem;
  color: #666; }

.rpt-date:before {
  content: "\f017";
  font-family: "FontAwesome";
  font-size: 1rem;
  margin-right: .5rem; }

.rpt-excerpt {
  color: #666; }

.rpt-date {
  font-size: .8rem;
  color: #333; }