
/* div wrap */

/*
.box-right #page-content div {
  background: transparent;
  padding: 0px;
}
*/

.form-event div {
  background: transparent;
  padding: 0px;
}

.form-event {
  /* background-color: #f0f0f0 !important; */
  background-color: #fafafa !important;
  border: solid 2px #e0e0e0;
  padding: 15px !important;
}

#event-detail #event_title,
#event-detail #event_period,
#event-detail #event_venue,
#event-detail #event_announce,
#event-detail .description {
  padding: 15px;
}

/* label color wrap  for contract */

.matsue,
.izumo,
.unnan,
.yasugi,
.iinan,
.okuizumo {
  background: #788a17;
}

.ohda,
.goutsu,
.kawamoot,
.misato,
.oonan,
.hamada,
.masuda,
.tsuwano,
.yoshika
{
  background: #b0718b;
}

.oki,
.nishinoshima,
.ama,
.chibu
 {
  background: #6096b1;
  /* background: #a3daf5; */
}

.sonota,
.shimane,
.other
 {
  background: #606060;
  /* background: #a0a0a0; */
}

.entry
 {
  background: #0081b7;
  /* background: #00a3d9; */
}

.child
 {
  background: #b94042;
  /* background: #db6064; */
}

/* plugins */

.genre_news_list dt{
  min-width: 150px;
  float: left;
}

.genre_news_list ul{
  padding: 0px;
}

.genre_news_list ul li{
  list-style: none;
}


/* form utilities */

/* flex PC only */
@media only screen and (min-width: 569px) {

  .form-event .flex,
  #event-detail .flex {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .form-event .full-in-flex,
  #event-detail .full-in-flex {
    flex-basis: 98%;
    margin: 0% 1%;
  }

  .form-event .half-in-flex,
  #event-detail .half-in-flex {
    flex-basis: 46%;
    margin-right: 4%;
  }

  .form-event .third-in-flex,
  #event-detail .third-in-flex {
    flex-basis: 31%;
    margin-right: 2%;
  }

  .form-event .third2-in-flex,
  #event-detail .third2-in-flex {
    flex-basis: 62%;
    margin-right: 2%;
  }

  .form-event .auto-in-flex,
  #event-detail .auto-in-flex {
    flex-basis: auto;
    margin-right: 2%;
  }
}

.form-event .indent,
#event-detail .indent {
  margin-left: 20px;
}


/* form constructions */

.form-event .form-field {
  padding: 0px;
  margin-bottom: 16px;
}

.form-event .form-field .item {
  width: 100%;
}

.form-event .form-field .head {
  font-size: 106%;
  font-weight: bold;
}

.form-event .form-field span.label {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 70%;
  color: white;
  vertical-align: middle;
  padding: 0px 10px;
  margin-left: 10px;
}

.form-event .form-field span.red {
  background-color: red;
}

.form-event .form-field span.blue {
  background-color: blue;
}

.form-event .form-field input,
.form-event .form-field textarea,
.form-event .form-field select {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding-left: 6px;
  width: 100%;
  min-width: 200px;
}

.form-event .form-field input:focus,
.form-event .form-field textarea:focus {
  border:solid 1px #4AA3FE;
}

.form-event .form-field label input {
  width: auto;
  min-width: auto;
}

.form-event .form-field label input[type="checkbox"] {
  margin-left: 2px;
  margin-right: 2px;
}

.form-event .btn {
  font-weight: bold;
  color: #333;
  cursor: pointer;
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 1.2em;
  text-transform: uppercase;
}

.form-event .error-field {
  padding: 20px;
  margin-bottom: 20px;
  background-color: white;
  color: red;
  font-weight: bold;
}

.form-event .error-field li {
  padding: 0px;
  margin: 0px;
}

.form-event-search .body {
  margin-top: 5px;
}

.form-event-search .btn {
  font-weight: bold;
  color: #333;
  cursor: pointer;
  padding: 4px 8px;
  margin: 0px;
  font-size: 1.2em;
  text-transform: uppercase;
}

.event-list{
  padding: 15px 0px;
}

.event-list dt span{
  margin-left: 0px;
  margin-right: 5px;
}

.other {
  margin: 0px;
  padding: 5px 10px;
  background: #a0a0a0;
  font-size: 80%;
  font-weight: normal;
  color: #ffffff;
}

.event-list-info{
  padding: 15px !important;
}


/*
 * Customize (styled in style.css before 2018/10)
 */

.content-left {
  float: left;
}

.viewsite {
  text-align: right;
  margin: 5px 0px 10px 0px;
}

.postinfo {
  text-align: right;
  margin: 10px 0px 10px 0px;
}

/*
 * Google Custom Search
 */

.boxright-gsc-wrapper {
  padding: 0;
}
.boxright-gsc-wrapper div,
.boxright-gsc-wrapper td {
  padding: 0;
}
.boxright-gsc-wrapper table {
  margin: 0;
}
.boxright-gsc-wrapper .gsc-search-box td,
.boxright-gsc-wrapper .gsc-above-wrapper-area td {
  border: none;
}
.boxright-gsc-wrapper .gsib_a {
  padding: 4px 8px 0px;
}
.boxright-gsc-wrapper .gsst_b {
  padding: 0px 2px;
}
.boxright-gsc-wrapper input.gsc-input {
  font: 95% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxright-gsc-wrapper .gsc-result .gs-title {
  height: 1.5em;
}
.boxright-gsc-wrapper td.gsc-branding-text div.gsc-branding-text,
.boxright-gsc-wrapper td.gcsc-branding-text div.gcsc-branding-text {
  padding-bottom: 2px;
}
.boxright-gsc-wrapper td.gsc-branding-img-noclear,
.boxright-gsc-wrapper td.gcsc-branding-img-noclear {
  vertical-align: middle;
}

/*
 * Google Calendar Elements
 */
.cal_wrapper {
  max-width: 960px;
  margin: 2.0833% auto;
}

.googlecal {
  position: relative;
  padding-bottom: 100% !important;
  height: 0;
}

.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

@media only screen and (min-width: 768px) {
  .googlecal {
    padding-bottom: 75% !important;
  }
}

@media only screen and (max-width: 568px) {
  .googlecal {
    padding-bottom: 200% !important;
  }

  .sp .cal_wrapper,
  .sp .cal_wrapper div  {
    padding: 0px;
  }

  .googlecal iframe {
    min-width: 100%;
    width: 1px !important;
    *width: 100% !important;
  }
}

/*
 * for sites/list
 */
div.sub_cat{
  margin: 0px;
}
.sub_cat ul {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  color: #333;
  font-size:80%;
  list-style-type:none;
  text-align:left;
}
.sub_cat ul li{
  margin: 0px;
  padding:0px 5px;
  border-right:1px #666666 solid;
  color: #333;
  display:inline;
}
.sub_cat ul li:first-child{
  margin: 0px;
  padding:0px 5px;
  border-left:1px #666666 solid;
  border-right:1px #666666 solid;
  color: #333;
  display:inline;
}
.sub_cat ul li.hl a{
  background:#e84091;
  color:#ffffff;
}
div.sub_cat_info{
  margin:0px 0px 20px 0px;
  padding:10px;
  border:1px solid #bb7232;
  background-color:#ffffff;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
}
div.sinfo_box {
  padding: 0px;
}

.resultbox div {
  padding: 0px;
}
.resultbox .resultbox-header {
  margin: 0px 0px 15px;
}

.resultbox .site-resultbox{
  padding: 5px;
  border: 1px solid #FCC0C6;
  background: #FFF none repeat scroll 0% 0%;
}
.resultbox .site-resultbox:before,
.resultbox .site-resultbox:after {
  display: block;
  content: "";
  line-height: 0;
}
.resultbox .site-resultbox:after {
  clear: both;
}
.resultbox .site-resultbox + .site-resultbox {
  margin-top: 20px;
}
.resultbox .site-resultbox-thumbnail {
  float: left;
  margin: 10px 20px 10px 10px;
  width: 120px;
  min-height: 160px;
}
.resultbox .site-resultbox-content {
  margin: 10px 10px 0px;
}
.resultbox .site-resultbox-header {
  font-weight: bold;
}
.resultbox .site-resultbox-body {
  padding: 15px 0px 15px 10px;
  min-height: 45px;
}
.resultbox .site-resultbox-footer {
  text-align: right;
}
.resultbox .site-resultbox-footer:before,
.resultbox .site-resultbox-footer:after {
  display: block;
  content: "";
  line-height: 0;
}
.resultbox .site-resultbox-footer:after {
  clear: both;
}
.resultbox .site-resultbox-footer p + p{
  margin-top: 5px;
}
.resultbox .site-resultbox-footer .moreinfo, .site-resultbox-footer .postinfo,
.resultbox .site-resultbox-footer .sitelink {
  display: inline-block;
  min-width: 220px;
  text-align: center;
}
.resultbox .site-resultbox-footer a.moreinfo {
  padding: 3px 0px;
  background: #D64287 none repeat scroll 0% 0%;
  color: #FFF;
  text-decoration: none;
  border-radius: 6px;
}
.resultbox .site-resultbox-footer .postinfo {
  margin: 0px;
}
.resultbox .site-resultbox-footer a.sitelink {
  padding: 3px 0px;
  background: #B66C2F none repeat scroll 0% 0%;
  color: #FFF;
  text-decoration: none;
  border-radius: 6px;
}
/*
 * Enquete
 */
.enquete .img-enquete-checkbox {
  vertical-align: baseline;
}
/*
 * Event Details
 */
#event-details table {
  margin: 0px
}

#event-detail .attached_file {
  margin-bottom: 10px
}

@media only screen and (max-width: 568px) {
  /*
   * スマホ表示時のトップページタイトル
   */
  h2#top-title-01 {
    margin-top: 40px;
  }
  h2#top-title-01:first-child {
    margin-top: 0;
  }

  #content-right {
    word-wrap: break-word;
  }
}
