@charset "UTF-8";

html{
    scroll-behavior: smooth;
}
.contents {
 /*width: 1200px;*/
 width: 1170px;
  margin: 85px auto 0 auto;
/*    width: auto;*/
}

@media only screen and (max-width: 1024px) {
  .contents {
    width: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .contents {
    width: auto;
  }
}

.contents__nt {
  float: left;
  width: 760px;
}

/*chiba*/
.h2_contents__nt__title {
  font-size: 42px;
  padding-bottom: 8px;
  border-bottom: solid 2px #058c0c;
}


@media only screen and (max-width: 1024px) {
  .contents__nt {
    float: none;
    width: auto;
    margin-bottom: 50px;
    padding: 0 15px;
  }
}
.contents__nt__title {
  font-size: 42px;
  padding-bottom: 8px;
  border-bottom: solid 2px #058c0c;
}

.contents__nt__title span {
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
}

.contents__nt__box {
  display: table;
  width: 100%;
  padding: 15px 0;
  border-bottom: dotted 1px #cccccc;
}

@media only screen and (max-width: 1024px) {
  .contents__nt__box {
    display: block;
  }
}

.contents__nt__box__pic {
  float: left;
}

@media only screen and (max-width: 1024px) {
  .contents__nt__box__pic {
    float: none;
  }
}

.contents__nt__box__cat {
  display: table-cell;
  width: 60px;
  vertical-align: middle;
  color: #fff;
  font-size: 13px;
}

@media only screen and (max-width: 1024px) {
  .contents__nt__box__cat {
    display: block;
    margin-bottom: 5px;
  }
}

.contents__nt__box__cat--news span {
  background: #CC3F0C;
  padding: 0 10px;
}

.contents__nt__box__text {
  display: table-cell;
  /*width: 645px;*/
  padding: 4px 10px;
  vertical-align: middle;
}

@media only screen and (max-width: 1024px) {
  .contents__nt__box__text {
    display: block;
    float: none;
    width: auto;
    padding: 4px 0;
  }
}

.contents__nt__box__text p {
  font-size: 15px;
  color: #888888;
  margin-bottom: 5px;
}

@media only screen and (min-width: 1025px) {
  .contents__nt__box__text p {
    font-size: 17px;
  }
}

.contents__nt__box__text h4 {
  font-size: 15px;
  line-height: 1.4;
}

@media only screen and (min-width: 1025px) {
  .contents__nt__box__text h4 {
    font-size: 17px;
  }
}

.contents__fb {
  float: right;
  width: 400px;
}

@media only screen and (max-width: 1024px) {
  .contents__fb {
    float: none;
    width: auto;
    padding: 0 15px;
  }
}

.contents__fb__title {
  font-size: 42px;
  padding-bottom: 8px;
  border-bottom: solid 2px #058c0c;
}

.contents__fb__title span {
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
}

@media only screen and (min-width: 1025px) {
  .contents__fb__title span {
    font-size: 17px;
  }
}

.contents__fb .fb-page {
  margin-top: 20px;
}

@media only screen and (max-width: 1024px) {
  .contents__fb .fb-page {
    display: block;
    width: 400px;
    margin: 20px auto 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .contents__fb .fb-page {
    max-width: 100%;
    overflow: hidden;
  }
}


.ggmap {
position: relative;
padding-bottom: 54%; // これが縦横比
height: 0;
overflow: hidden;
}
.ggmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

*/

/*  参加ラジオボタン    */
/* CSS でラジオボタンを非表示化 */
.selection-group input[type="radio"] {
  display: none;
}
/* 画像部分に余白を持たせる */

.selection-group label img {
  margin: 3px;
  padding: 3px;
}

/* 選択されたラジオボタンの画像の背景をオレンジ色に変える */
.selection-group input[type="radio"]:checked + label img {
  background: orange;
}


#header #nav-header {
    //background: #008000;
    //background: rgba(1,174,155,.9);
    background: rgba(1,174,155);
}
#footer {
    background-color: rgba(1,174,155);
}
.section-title .title {
    background-color: rgba(1,174,155);
}
#main-nav {
    background: rgba(1,174,155);
}