
.line_at{
  border: 3px solid #00c300;
  padding: 0.5em 0.5em 0;
  margin:40px;
  border-radius: 1em;
  background: rgba(0,196,0,0.05);
  text-align:center;
  position: relative;;
}
.line_at:after{
  content: '';
  position: absolute;
  left: -44px;
  top: -24px;
  width:96px;
  height:96px;
  border-radius:50%;
  background:url(/img/icon.png);
  background-size:cover;
  border: 3px solid #030;
}
.line_at p{
  margin:0;
  padding:0;
}
.line_at p.line_h{
  font-weight:bold;
  font-size:120%;
  padding:0.5em;
  color:#ff8;
  background:#00c300;
  margin-bottom:0.75em;
  border-radius:0.5em 0.5em 0 0;
}
.line_at a{
  display:block;
  height:128px;
  line-height:128px;
}
.line_bot{
  height:48px;
  margin:40px;
}
.line_qr{
  height:120px;
  margin:4px;
}
@media (max-width: 640px){
  .line_at{
    margin:20px;
    margin-top:40px;
  }
  .line_at:after{
    content: '';
    position: absolute;
    left: -24px;
    top: -21px;
    width:64px;
    height:64px;
  }
  .line_at p.line_h{
    font-size:110%;
  }
  .line_at a{
    display:block;
    height:72px;
    line-height:72px;
  }
  .line_bot{
    height:48px;
    margin:12px;
  }
  .line_qr{
    display:none;
  }
}

/* イベントカレンダー */

.ec-card{overflow:hidden;margin-bottom:2em;}
.ec-card.ec-new{position: relative;}
.ec-card.ec-new:before{content: "NEW";background:#d14;color:#fff;font-weight:bold;padding:0 6px;position: absolute;top:2px;right:2px;border:2px solid #fff;font-size:11px;z-index:9999;line-height:1.5;}
.ec-old .ec-card-body{background:#fafafa;}
.ec-now .ec-card-body{background:#fffcf0;}

.ec-card-time{font-size:16px;width:5.5rem;height:5.5rem;line-height:5.5rem;background:#136689;color:#fff;font-weight:bold;float:left;text-align:center;}
.ec-old .ec-card-time{background:#057;}
.ec-now .ec-card-time{background:#e50;}
.ec-card-body{width:calc(100% - 8rem);float:right;overflow:hidden;border: 1px solid #ccc;padding: 1rem;}
.entry-content .ec-card-body h3{margin:0 0 0.5rem 0;border-left:0;border-bottom:1px solid #ccc;padding:0 !important;}
.entry-content .ec-card-body h3 a{color:#136689;display:block;padding:0.25em 0;}
.entry-content .ec-card-body h3 a:hover{color:#c03;}

.ec-card-op{font-size:15px;line-height:2;margin-bottom:0.5rem;}
.ec-card-text{font-size:15px;color:#555;line-height:1.3;}

.ec-card-date{}
.ec-card-date:before{content:"開催日時";background: #136689;color:#fff;padding:3px 8px;border-radius:4px;margin-right:0.5rem;}

.ec-card-area a{margin-right:1em;border:1px solid #2098A8;padding:3px 8px;border-radius:4px;background:#fff;}
.ec-card-area:before{content:"開催場所";background: #136689;color:#fff;padding:3px 8px;border-radius:4px;margin-right:0.5rem;}

  .article .ec-pr img.ec-card-img{max-width:12rem;height:auto;float:left;}
  .ec-pr .ec-card-op{width:calc(100% - 13rem);float:right;}
  .ec-pr .ec-card-text{width:calc(100% - 13rem);float:right;}

.ec-link{margin-bottom:4rem;}
.ec-link-date-button{background:#136689;color:#ff8;font-size:18px;font-weight:bold;text-align:center;border-radius:8px;display:block;width:90%;margin:0 auto 1rem;padding: 1.25rem;}
.ec-link-date-button:hover{color:#fff;background:#234;}
.entry-content .ec-link-area ul{width:85%;margin: 0 auto 2rem;padding: 0;list-style-type: none;border: none;background: #f0f8ff;border-radius: 0.25em;font-size:16px;font-weight: bold;}
.entry-content .ec-link-area ul li{display:inline-block;margin:0.5rem 0;padding:0.5rem;}

.ec-pager{width:75%;margin:2rem auto;overflow:hidden;}
.ec-pager a{display:block;text-align:center;font-size:18px;padding:0.5em 0;font-weight:bold;background:#136689;color:#fff;}
a.ec-pager-pre{width:49%;float:left;border-radius: 2em 0 0 2em;}
a.ec-pager-next{width:49%;float:right;border-radius: 0 2em 2em 0;}

.entry-content h2.ec-h2{background:#222;}
.contactform{width:calc(85% - 2em);margin:3em auto 0;padding:1em;background:#f8f8f8;}
.contactform p.txt{font-weight:bold;margin:1em 0;}

.ec-menu-link{overflow:hidden;margin:2em 0;}
.ec-menu-link a{display:block;width:calc(24% - 4px);margin-right:1%;float:left;border:2px solid #136689;font-weight:bold;text-align:center;border-radius:1em;color:#136689;}
.ec-menu-link a:hover{background:#eee;}

@media (max-width: 640px){
  .ec-card{margin-bottom:1em;}
  .ec-card.ec-new:before{border:none;right:0;}
  .ec-card-time{z-index:999;font-size:13px;width:60px;height:60px;line-height:60px;background:#136689;color:#fff;font-weight:bold;float:left;text-align:center;position: relative;}
  .ec-card-body{width:calc(100% - 24px);float:right;overflow:hidden;margin-top:-40px;padding:0.5rem;z-index:99;position: relative;}
  .entry-content .ec-card-body h3{padding-left:2.75em !important;font-size:19px;}
  .article .ec-pr img.ec-card-img{max-width:100%;height:auto;float:none;}
  .ec-pr .ec-card-op{width:100%;float:none;}
  .ec-pr .ec-card-text{width:100%;float:none;}

  .ec-link-date-button{font-size:16px;}
  .entry-content .ec-link-area ul{font-size:13px;}
  .ec-pager a{font-size:16px;}

  .ec-card-op{font-size:13px;}
  .ec-card-text{font-size:12px;}
  .entry-content .ec-link-area ul{font-size:14px;}

  .contactform{width:calc(99% - 1em);margin:2em auto;padding:0.5em;}

  .ec-menu-link a{width:calc(49% - 4px);margin-bottom:0.5em;font-size:15px;}
}

input.wpcf7-submit{background:#136689;color:#fff;border:3px solid #136689;border-radius:1.5em;width:65%;margin:0 auto;display:block;}
input.wpcf7-submit:hover{background:#fff;color:#136689;border:3px solid #136689;}

