/*
Theme Name: iwate-YI
Text Domain: iwate-YI
*/


body{
font-family: 'Noto Sans JP', sans-serif;
font-weight:500;
font-size:18px;
line-height:1.75em;
color:#47483D;
}
@media( max-width:641px ){
  body{ font-size:15px; }
}

.font-weight-300{ font-weight:300; }
.font-weight-500{ font-weight:500; }
.font-weight-900{ font-weight:900; }

h2{ font-size:200%; color:#3EA16F; margin-top:2em; margin-bottom:1em; }
h3{ font-size:180%; margin-top:2em; margin-bottom:1em; }
h4{ font-size:120%; margin-top:2em; margin-bottom:1em; }
@media( max-width:641px ){
  h2{ font-size:180%; }
  h3{ font-size:150%; }
  h4{ font-size:110%; }
}

a{
  font-family: 'Noto Sans JP', sans-serif;
  color:#3EA16F;
  transition: all 0.5s 0s ease;
}
a:hover{
  color:#266143;
}


.btn-green{
  display: inline-block;
  font-weight:500;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color:#3EA16F;
  border: 1px solid #3EA16F;
  padding:0.75rem 3rem;
  font-size:1rem;
  line-height:1.5;
  border-radius:2rem;
  transition: all 0.5s 0s ease;
}
.btn-green:hover{
  color:#FFF;
  background:#266143;
}


.btn-white{
  display: inline-block;
  font-weight:500;
  color: #3EA16F;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color:#FFF;
  border: 1px solid #3EA16F;
  padding:0.75rem 3rem;
  font-size:1rem;
  line-height:1.5;
  border-radius:2rem;
  transition: all 0.5s 0s ease;
}
.btn-white:hover{
  color:#FFF;
  background:#3EA16F;
}


.text-large{ font-size:120%; }
.text-x-large{ font-size:150%; line-height:150%; }
.text-small{ font-size:80%; }



header,
main,
footer{
  width:100%;
  margin:0; padding:0;
}

header{ background:#FFFFFF; }
main { background-color: #fff100; }
main.bg-top a:hover { opacity: 0.3; }
main.bg-w{ background:#FFFFFF; }
/*main.bg-y{ background:#FCEA77; border:1px solid #FCEA77; }*/
main.first{ padding-top:60px; }

footer{ background:#fff100; font-weight:300; }
footer .section-inner{ margin-bottom:15px; }

img { max-width: 100%; max-height: 100%; }

.section-inner{ max-width:1000px; margin-left:auto; margin-right:auto; padding:60px 30px 0; }
.section-inner img{ max-width:100%; }
@media( max-width:641px ){
  .section-inner{ padding:45px 0 0; }
}

.youtube-box{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}
.youtube-box iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.comingsoon{
  text-align:center;
  font-weight:900;
  font-size:200%;
  padding:100px 0;
  background:#47483D;
  color:#FFF;
}

header{ display:flex; padding:0; margin:0; position:fixed; z-index:998; }
header h1 { padding:0 0 5px 0; margin:0; }
header h1 img{ height:50px; width:auto; padding:5px 10px; }
header nav{}

.fixed { position: fixed; z-index: 1; bottom: 15px; right: 15px; }
.fixed a img { width: 230px; }
@media( max-width:1100px ) {
  .fixed { bottom: 10px; right: 10px; }
  .fixed a img { width: 180px; }
}
@media( max-width:767px ) {
  .fixed { bottom: 7px; right: 7px; }
  .fixed a img { width: 140px; }
}
@media( max-width:640px ) {
  .fixed { bottom: 0px; right: 0px; }
  .fixed a img { width: 100%; }
}

.btn-green{
  display: inline-block;
  font-weight:500;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color:#3EA16F;
  border: 1px solid #3EA16F;
  padding:0.75rem 3rem;
  font-size:1rem;
  line-height:1.5;
  border-radius:2rem;
}

ul.list-orgn{
  border:2px solid #3EA16F;
  border-radius:15px;
  background:#FFF;
  padding:0;
}
ul.list-orgn li{
  padding:15px 30px;
  list-style:none;
  border-bottom:2px solid #3EA16F;
}
ul.list-orgn li:last-child{
  border-bottom:none;
}


/*========= ナビゲーションのためのCSS ===============*/
#g-nav{
  position:fixed;
  z-index:999;
  top:-120%; left:0;
  width:100%; height:100vh;
  background:#FFF;
  transition:all 0.6s;
  padding-top: 15px;
}
#g-nav.panelactive{
  top:0;
}
#g-nav .offset-1 {
  margin: 0 !important;
  padding-right: 15px;
}

/*ナビの数が増えた場合縦スクロール*/
#g-nav.panelactive #g-nav-list{
  position:fixed;
  z-index:999;
  width:100%;
  height:100vh;/*表示する高さ*/
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

/*ナビゲーション*/
#g-nav ul {
  position:absolute; z-index:999;
  top:50%; left:50%; transform:translate(-55%,-60%);
}
@media( max-width:481px ){
  #g-nav ul { width:90%; top:50%; left:5%; transform:translate(0,-60%); }
}

/*リストのレイアウト設定*/
#g-nav li{
  list-style:none;
  text-align:center;
}
#g-nav li a{
  color:#333;
  text-decoration:none;
  padding:10px;
  display:block;
  text-transform:uppercase;
  letter-spacing:0.1em;
  font-weight:bold;
}

#g-nav ul.list-orgn li{
  padding:8px;
}


/*========= ボタンのためのCSS ===============*/
.openbtn1{
  position:fixed;
  z-index:9999;
  top:0; right:0;
  cursor:pointer;
  width:60px; height:60px;
  background:url("img/btn-ham.png") no-repeat;
  background-position:center;
  background-size:contain;
  transition:all 0.6s;
}
.openbtn1.active{
}
@media( max-width:481px ){
.openbtn1{ width:60px; height:60px; }
}

.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.bg-top img { max-width: 100%; }
#top-logo, #top-Btn { width:95%; margin:0 auto; }
.top-inner { width:90%; max-width:1200px; margin:0 auto; }
.topMds, .btn01 { text-align: center; }
.topMds img { width: 500px; }
.btn01 { margin-top: 15px; }
.btn01 img { width: 335px; max-width: 70%; }
.footer-corona {
  text-align: center;
  background-color: #333;
  padding: 20px 5%;
}
.footer-corona img {
  width: 600px;
  max-width: 100%;
}

/*関連団体リンク*/
　.kanren hr {
    border: 1px solid #eee;
  }
  .kanren p {
    width: 20rem;
    float: left;
    color: #005e3c;
    font-size: 95%;
    margin-top: 15px;
  }
  .kanren ul li {
    font-size: 90%;
  }

/*インタビュー*/
  #interview_title {
    max-width:1200px;
    margin: 0 auto;
    padding:50px 0 50px;
  }
  #interview_title #title-logo {
    text-align: center;
  }
  #interview_line {
    border-top: 2px solid #000;
  }
  #interview_contents {
    max-width:850px;
    margin: 0 auto;
    padding:50px 0 50px;
  }
  #interview_contents .contents-box {
    margin-bottom: 100px;
    font-size: 115%;
    font-weight: lighter;
    line-height: 1.7;
  }
  #interview_contents .contents-box .mds {
    font-weight: normal;
    line-height: 1.9;
    margin-bottom: 20px;
  }
  #interview_contents .contents-box .mds span {
    background: linear-gradient(transparent 10%,#fff 10%);
  }
  #interview_contents .contents-box img,
  #interview_contents .contents-box .caption {
    width: 750px;
    margin: 30px 50px 0px;
  }
  #interview_contents .contents-box .caption {
    text-align: right;
    font-size: 80%;
    margin-top: 5px;
  }
  #interview_contents .profile-box {
    margin: 50px 0;
    font-size: 115%;
    font-weight: lighter;
    line-height: 1.7;
  }
  #interview_contents .profile-box .name {
    font-size: 130%;
    font-weight: normal;
    margin-bottom: 10px;
  }
  #interview_contents .profile-box img {
    width: 550px;
    margin: 30px 150px 0px;
  }
  #interview_contents .back-btn {
    text-align: center;
    margin: 100px 0 50px;
  }

@media( min-width:641px ){
  .spSite { display: none; }
  .mt15 { margin-top: 15px; }
  .mt20 { margin-top: 20px; }
  .mt25 { margin-top: 25px; }
  .mt30 { margin-top: 30px; }
  .mt40 { margin-top: 50px; }
  .mt50 { margin-top: 50px; }
  .mt80 { margin-top: 80px; }
  #top-logo {
/*    max-width:1070px;*/
    max-width:1200px;
    padding:50px 0 50px;
  }
  #top-Btn {
/*    max-width:700px;*/
    max-width:950px;
  }
  #top-Btn div:nth-child(1) { float:left; width:64.8%; }
  #top-Btn div:nth-child(2) { float:right; width:33.2%; }
  #top-Btn:after { display:block; content:""; clear:both; }
  .top-inner { padding-bottom:50px; }
  /* カラム */
  .b2cols .b2col {
    float: left;
    width: 48.5%;
    margin-left: 3%;
  }
  .b2col.single01 {
    width: 48%;
    margin-left: 1%;
  }
  .b2col.marge01 {
    width: 51%;
    margin-left: 1%;
  }
  .b3cols .b3col {
    float: left;
    width: 31%;
    margin-left: 3.5%;
  }
  .b3cols.w02 .b3col {
    width: 32.5%;
    margin-left: 1.25%;
  }
  .b4cols .b4col {
    float: left;
    width: 24.25%;
    margin-left: 1%;
    margin-top: 10px;
  }
  .b2cols .b2col:nth-child(2n+1),
  .b3cols .b3col:nth-child(3n+1),
  .b4cols .b4col:nth-child(4n+1) {
    margin-left: 0;
    clear: both;
  }
  .b2cols:after, .b3cols:after, .b4cols:after {
    content: "";
    display: block;
    clear: both;
  }
}
@media( max-width:640px ){
  .pcSite { display: none; }
  h1#Logo {
    padding: 0;
    padding-right: 60px;
    height: 60px;
  }
  header h1#Logo img {
    max-width: 100%;
    height: auto;
    max-height: 50px;
  }
  .mt15 { margin-top: 10px; }
  .mt20 { margin-top: 15px; }
  .mt25 { margin-top: 20px; }
  .mt30 { margin-top: 25px; }
  .mt40 { margin-top: 30px; }
  .mt50 { margin-top: 35px; }
  .mt80 { margin-top: 50px; }
  #top-logo { padding: 20px 0 10px; }
  #top-Btn { max-width: 200px; padding: 20px 0 10px; width: 50%; }
  .top-inner { padding-bottom:30px; }
  .footer-inner .col-md-6 { width: 280px; margin: 0 auto; } /*ロゴ*/
  .footer-inner .col-md-8 { width: 360px; margin: 0 auto; } /*主催等*/
  
  /* カラム */
  .b2col, .sp2cols > div { margin-top: 15px; }
  .b2cols .b2col:first-child, .sp2cols > div:nth-child(-n+2) { margin-top: 0; }
  .sp2cols > div {
    float: left;
    width: 48.25%;
    margin-left: 3.5%;
  }
  .sp2cols > div:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
  .sp2cols:after {
    content: "";
    display: block;
    clear: both;
  }
  /*関連団体リンク*/
  .kanren p {
    width: 98%;
    margin-left: 2%;
    float: none;
    margin-bottom: 5px;
  }
  /*インタビュー*/
  #interview_title {
    width:90%;
    padding:30px 0 20px;
  }
  #interview_line {
    border-top: 1.5px solid #000;
  }
  #interview_contents {
    width:90%;
    padding:15px 0 15px;
  }
  #interview_contents .contents-box {
    margin-bottom: 60px;
    font-size: 105%;
  }
  #interview_contents .contents-box .mds {
    margin-bottom: 15px;
  }
  #interview_contents .contents-box .mds span {
    background: linear-gradient(transparent 10%,#fff 10%);
  }
  #interview_contents .contents-box img,
  #interview_contents .contents-box .caption {
    width: 100%;
    margin: 15px 0px 0px;
  }
  #interview_contents .contents-box .caption {
    font-size: 95%;
    margin-top: 5px;
  }
  #interview_contents .profile-box {
    margin: 30px 0;
    font-size: 105%;
  }
  #interview_contents .profile-box .name {
    font-size: 130%;
    font-weight: normal;
    margin-bottom: 10px;
  }
  #interview_contents .profile-box img {
    width: 100%;
    margin: 20px 0px 0px;
  }
  #interview_contents .back-btn {
    margin: 60px 0 30px;
  }
}

#top-message{ width:70%; margin:50px auto; }
#top-days   { width:70%; margin:50px auto; }

/* public viewing */
#public-viewing-outer.section-inner{
  max-width:100%;
}
#public-viewing-outer{
  min-height:300px;
  background-image:url('img/obi-red.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  padding:0;
}
@media(max-width:641px){
  #public-viewing-outer{ min-height:200px; }
}
#public-viewing2{
  margin-top:-45px;
}
#public-viewing2 .bg-b{
  display:inline-block; border-radius:3px;
  padding:3px 20px; background:#47483D; color:#FFF;
}


/* rough-schedule */
#rough-schedule{}
#rough-schedule ul.list-orgn{}
#rough-schedule ul.list-orgn li{ text-align:center; padding:0; }
#rough-schedule ul.list-orgn li a{ display:block; padding:20px; font-size:120%; }


/* presnt */
#info-present{}
#info-present h2{}
.present-title{}
ul.info-present-list{ padding:0; margin-bottom:45px; }
ul.info-present-list li{ list-style:none; margin-bottom:1em; text-align:center; font-size:120%; line-height:140%; }
.kakomi-present{ border:none; border-radius:1em; background:#FCEA77; padding:2em; }
.present-pic{ border-radius:50%; }
@media(max-width:641px){
  ul.info-present-list li{ font-size:110%; }
}
.present-ico-1{ width:15%; min-width:64px; }
.present-ico-2{ width:20%; min-width:64px; margin-top:-20%; }
.present-ico-3,
.present-ico-4{ width:18%; min-width:64px; }
@media( max-width:481px ){
  .present-ico-2{ margin-top:-30%; }
  .present-ico-3,
  .present-ico-4{ width:30%; }
}

.kakomi-present-2{
  background:#2993BE; border-radius:15px;
  margin-left:-15px; margin-right:-15px;
  padding:32px;
  color:#FFF;
}
.kakomi-present-2-icon {  }
.kakomi-present-2-title{ line-height:150%; }
.kakomi-present-2-pic  {  }
.kakomi-present-2-text {  }


/* program */
.program{ display:flex; flex-wrap:wrap; padding:30px; margin:60px 0; }
#info-mc{}
p.mc-photo img{ border-radius:50%; }
.pg-head,
.pg-foot{ font-size:0; }
.pg-body{
  width:100%;
  background:transparent url("img/pg-box-body.png") repeat-y;
  background-size:contain;
  padding:30px 0;
}
.pg-body, .pg-foot{ margin-top:-5px; }
.pg-title, .pg-pic, .pg-desc{ width:90%; margin:20px auto; }
.pg-time, .pg-capa, .pg-present{ position:absolute; }
.pg-time{ width:30%; max-width:200px; left:5%; margin-top:-3%; }
.pg-time.pg-time-8{ width:280px; }
.pg3-btn,
.pg8-btn{ padding:0.5rem; }
.pg-capa   { width:15%; max-width:80px; right:10%; margin-top:-10%; }
.pg-present{ width:12%; max-width:80px; right:26%; margin-top: -5%; }
.pg-title{ position:relative; }
.pg-title span{ display:block; text-align:center; padding:8px 0; }
.pg-title-sub { font-size:100%; }
.pg-title-main{ font-size:120%; background:linear-gradient( transparent 60%, #FFF100 0% ); letter-spacing:-1px; }
.pg-pic{  }
.pg-pic-caption{  }
.pg-desc{  }
.pg-desc p{  }
@media( max-width:481px ){
  .pg-time{ width:50%; max-width:200px; left:3%; margin-top:-5%; }
  .pg-capa   { width:18%; right:5%; margin-top:-12.5%; }
  .pg-present{ width:14%; max-width:80px; right:22%; margin-top: -6%; }
  .program { padding:30px 0; }
}


/* eha */
#info-ehatov{
  background-image:url("img/eha-title-bg.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.eha-title{ padding:10% 0; }
.eha-title h3{}
.eha-logo{ width:60%; margin:30px auto 0; }
.eha-logo img{}


/* consul */
#info-consul{ padding:60px 0; }
.consul-box { display:flex; flex-wrap:wrap; }
.consul-head{}
.consul-foot{ margin-top:-3px; }
.consul-body{
  width:100%;
  background:transparent url("img/consul-bg-body.png") repeat-y;
  background-size:contain;
  padding:30px 45px;
}
.consul-body h2{ margin-top:0; padding:0; }
.consul-body .text-marker{
  font-size:150%;
  background:linear-gradient( transparent 60%, #FFF100 0% );
}
.consul-body h2{}
.consul-body h2 img.ico-zoom{ width:60px; margin-top:-5px; }
.consul-date{ width:60%; margin:0 auto 45px; }
.consul-days{}
.consul-days h4{}
.consul-days h5{}
.consul-days dl{ border:2px solid #42925C; background:#FFF; }
.consul-days dl dt{ padding:8px; border-top:2px solid #42925C; font-weight:500; }
.consul-days dl dt:first-child{ border-top:none; }
.consul-days dl dd{ overflow-x:scroll; padding:8px 30px 30px; margin-bottom:0; }
.consul-days dl dd img{ max-width:600px; }
dl.cal-list-cities dd img{ max-width:600px; }
dl.cal-list-companies dd img{ max-width:700px; }
.consul-days-note{ display:block; width:600px; line-height:120%; }
.consul-days dl dt:before {
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  display:inline-block;
  width:1em; height:1em;
  text-align:center; font-weight:700;
}
.consul-days dl dt[aria-expanded="true"]:before {
  font-family: "Font Awesome 5 Free";
  content: '\f107';
}
@media( max-width:641px ){
  .consul-body{ padding:10px 0; }
  .consul-body h2{ font-size:150%; }
  .consul-body h2 img.ico-zoom{ width:25px; }
  .consul-date{ width:80%; }
  .consul-days{ padding:15px 25px 15px 20px; }
}


/* innerlinks */
#innerlinks{}
.innerlinks-inner{}
.innerlinks-area {}
.innerlinks-company{}
#innerlinks h4{ padding-top:2em; }
#innerlinks h5#iwate{ text-align: center; padding-top: 60px; }
#innerlinks ul{ display:flex; flex-wrap:wrap; padding:0 0 15px; }
#innerlinks ul:last-child { margin-bottom: 0 !important; }
#innerlinks ul li{ display:block; list-style:none; margin:10px 5px; }
#innerlinks ul li a, #innerlinks ul li span{ display:inline-block; padding:8px 25px; border-radius:20px; color:#FFF; }
.innerlinks-area a, .innerlinks-area span{ background-color:#005e3c; }
.innerlinks-company a{ background-color:#42925C; }
#innerlinks .innerlinks-area ul { margin-bottom: -10px; }
#innerlinks .innerlinks-area .other li a { color: #005e3c !important; background-color: #fff; border: solid 2px #005e3c; }
#innerlinks .innerlinks-area .nolink li { color: #005e3c !important; background-color: #fff; border: solid 2px #005e3c; padding: 6px 25px; border-radius: 20px; }
@media( max-width:481px ){
  #innerlinks ul li{ margin:5px; }
  #innerlinks ul li a, #innerlinks ul li span{ padding:5px 15px; font-size:90%; }
  #innerlinks .innerlinks-area .nolink li { padding: 5px 15px; font-size: 80%; }
}



.copy{
  margin: 0;
  padding: 30px 15px;
  text-align: center;
  font-weight: 300;
  font-size: 15px;
}
@media( max-width:481px ){
  .copy{
    padding: 15px 0 100px;
    font-size: 10px;
  }
}




/* city */

#cities-upper{
  /*background:linear-gradient( #FCEA77 50%, #FFF 50%);*/
  background-color: #f0f6e1;
}

#page-title{}
#page-title h2{}
#page-title h3{ margin-top:1em; margin-bottom:2em; }

#page-images{}
#page-images .row{ margin-bottom:32px; }

#page-movie{}
#page-movie .section-inner{ padding-bottom:0; }
.youtube-wrap{ position: relative; width: 100%; padding-top: 56.25%; margin-bottom:48px; }
.youtube-wrap iframe {
  position: absolute;
  top: 0; right: 0;
  width: 100% !important; height: 100% !important;
}

#page-body{}
#page-body .section-inner{ padding-top:0; }
h4.page-section{
  margin-top:90px; margin-bottom:45px;
  position:relative; display:block;
  padding:0; height:1.5em;
  text-align:center;
}
h4.page-section:before{
  content:''; position:absolute;
  top:50%; width:100%; height:1px;
  border-top:solid 1px #47483D;
}
h4.page-section:before{ left:0; }
h4.page-section span{
  display:inline-block;
  position:absolute; top:50%; left:50%;
  padding:10px; background:#FFF; white-space:nowrap;
  transform:translateY(-50%) translateX(-50%);
  -webkit-transform:translateY(-50%) translateX(-50%);
}

#city-main{ margin-bottom:1em; }
.city-main-body{ margin:1em 0; }

#city-event{}
.event-body{ margin:1em 0; }

#city-system{}
.system-body{ margin:1em 0; }

#city-senpai{}
.senpai-pic{ width:60%; max-width:300px; margin:0 auto 1em; }
.senpai-pic img{ border-radius:50%; }
.senpai-name{  }
.senpai-name span{  }
.senpai-name .senpai-year{ display:block; font-size:85%; font-weight:300; }
.senpai-name .senpai-name{  }
.senpai-name .senpai-job {  }
.senpai-comment{ margin:1em 0; }




/* company */
#cp-recruit{}
#cp-recruit dl{}
#cp-recruit dl dt,
#cp-recruit dl dd{ font-size:90%; font-weight:300; border-top:1px solid #999; padding-top:15px; padding-bottom:10px; }
#cp-recruit dl dt{}
#cp-recruit dl dd{}
@media( max-width:575px ){
  #cp-recruit dl{ padding:15px; }
  #cp-recruit dl dt,
  #cp-recruit dl dd{ font-size:100%; border-top:none; padding-top:10px; padding-bottom:10px; text-align:center; }
  #cp-recruit dl dt{ background:#CCC; font-weight:500; }
  #cp-recruit dl dd{ padding-bottom:15px; }
}

#cp-detail{}
#cp-detail dl{}
#cp-detail dl dt,
#cp-detail dl dd{ font-size:90%; font-weight:300; border-top:1px solid #999; padding-top:15px; padding-bottom:10px; }
#cp-detail dl dt{}
#cp-detail dl dd{}
@media( max-width:575px ){
  #cp-detail dl{ padding:15px; }
  #cp-detail dl dt,
  #cp-detail dl dd{ font-size:100%; border-top:none; padding-top:10px; padding-bottom:10px; text-align:center; }
  #cp-detail dl dt{ color:#3EA16F; font-weight:500; padding-top:15px; border-top:1px solid #CCC; }
  #cp-detail dl dd{ padding-bottom:15px; }
}



/* page */
#page-upper{ background:#FCEA77; }
#page-body { padding-top:60px; padding-bottom:60px; }

#page-body .event{ margin-bottom:2em; padding: 10px 20px; border: 1px solid #3EA16F; border-radius: 10px; }
#page-body .event.event-hide{ display:none; }
#page-body .event.event-done{ border:1px solid #999; background:#F8F8F8; color:#999; }
#page-body .event .date{ font-weight:300; font-size:90%; }
#page-body .event .title{ font-weight:500; }
#page-body .event .detail{ font-weight:300; font-size:90%; padding-left:2em; }

#page-body .event.event-special{ border:1px solid #3EA16F; background:#FCEA77; color:#333; }


/* now on air */
#public-viewing.now-onair{ padding-top:50px; padding-bottom:200px; margin-bottom:-100px; }
#public-viewing.now-onair h3,
#public-viewing.now-onair p.nowonair-time{
  color:#FFF; font-size:100%; line-height:200%;
  text-shadow:
     1px  1px 1px #E83036,
    -1px  1px 1px #E83036,
     1px -1px 1px #E83036,
    -1px -1px 1px #E83036,
     1px  0px 1px #E83036,
     0px  1px 1px #E83036,
    -1px  0px 1px #E83036,
     0px -1px 1px #E83036;
}
#public-viewing.now-onair h3{ padding-top:0; margin-top:0; }
#public-viewing.now-onair h3 span{ display:block; }
#public-viewing.now-onair h3 span.subtitle{ font-size:130%;}
#public-viewing.now-onair h3 span.maintitle{ font-size:180%; }
#public-viewing.now-onair p.nowonair-time{ text-align:center; font-size:150%; }
#public-viewing.now-onair a.btn.btn-white{ color:#E83036; border-color:#E83036; padding:0.5rem 4rem; font-size:120%; }
#public-viewing.now-onair a.btn.btn-white:hover{ color:#FFF; border-color:#FFF; background:#E83036; }

.raptop-onair{ margin-top:-15%;}
.raptop-onair img{ /* filter: drop-shadow(0 0 15px rgba(255,0,0,1)); margin-top:-100px; */ }
.raptop-onair a.btn{ margin-top:-60%; }

@media(max-width:991px){
  #public-viewing.now-onair{ padding-top:0; padding-bottom:150px; margin-bottom:-100px; }
  .raptop-onair a.btn{ margin-top:-65%; }
  #public-viewing.now-onair a.btn.btn-white{ padding:5px 30px; font-size:18px; }
}

@media(max-width:641px){
  #public-viewing.now-onair{ padding-top:0; padding-bottom:150px; margin-bottom:-100px; }
  .raptop-onair a.btn{ margin-top:-65%; }
  #public-viewing.now-onair a.btn.btn-white{ padding:5px 30px; font-size:16px; }
}



#announce-done{
  background:#27A469;
  color:#FFF;
  padding:30px 0;
  border-radius:5px;
}
#announce-done p{ font-size:100%; line-height:180%; }
#announce-done p.text-large{ font-size:135%; }
@media(max-width:321px){
  #announce-done p{ font-size:100%; }
}