/* どうにも上書きがうまく動かないので、一部CSSを本体CSSの下に追記しています */

body { color:#333}
img {max-width: 100%;}
a { color:/*#003C2A*/#000;}
.text-primary {color: #003C2A!important;}
.container { overflow:hidden;}

/*container*/
@media (min-width: 576px) {
  .container {max-width: 100%;}
  .container-sm {max-width: 720px;}
}
@media (min-width: 768px) {
  .container {max-width: 100%;}
  .container-lg {max-width: 960px;}
  .container-sm {max-width: 720px;}
}
@media (min-width: 992px) {
   .container {max-width: 1140px;}
  .container-lg {max-width: 960px;}
  .container-sm {max-width: 720px;}
}
@media (min-width: 1400px) {
  .container {max-width: 1140px;}
  .container-lg {max-width: 960px;}
  .container-sm {max-width: 720px;}
}

@media screen and (min-width: 992px) {
  .container-sm { max-width: 720px! important;}
}
/*responsive*/
@media (min-width: 768px) {
  .sp-only { display; none;}
  body { padding-top: 102px;}
}
@media (max-width: 767px) {
   .pc-only { display; none;}
}

figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

section.wrap {
  padding: 3em 0;
}

/*header*/
body:not(#sitetop) .navbar,
.navbar.sticky {
    background: url('https://jimbodeai.jp/.assets/header_bg.jpg') no-repeat left top;
    background-size: 100% auto;
}

.navbar { background-color: transparent; border: none;}

.mt-navbar-default .mt-navbar-nav li a { color:#fff; padding: 1.2em 2.4em; }
.mt-navbar-default .mt-navbar-nav li a:hover { background-color:rgba(0,60,42,1); color:#fff;}
.mt-navbar-default .mt-navbar-nav li a:visited,
.mt-navbar-default .mt-navbar-nav li a:active{ color:#fff;}

@media screen and (min-width: 768px) {
  .navbar-toggler { display: none;}
  #nav-sp-bg{ display:none;}
}
@media screen and (max-width: 767px) {
  .navbar-collapse { }_
  .mt-navbar-default .mt-navbar-nav li a { display: block;}
  .container > .navbar-header { flex-direction:row;}
  .container .navbar-header a { width: calc(100% - 100px);}
  header .logo_images {width: 100%; height:auto; max-width:270px; }
  body:not(#sitetop) .navbar,
  .navbar.sticky {
    background-image: url('https://jimbodeai.jp/.assets/header_bg_sm.jpg');
  }
  .pankuzu{ margin-top: 0px;}
  .navbar-collapse {height:100%;color:#fff; }
  .navbar-nav > li > a {background-color:transparent;mix-blend-mode:normal;}
  .navbar-nav > li.sp-show { display:block;height: calc(100vh - 150px);}
  .container>.navbar-collapse {height:100%! important;}
  .navbar-collapse a { color:#fff;display:none;}
  .sticky .navbar-collapse {height:100%! important;}
  #nav-sp-bg {
    background-color:rgba(0,60,42,0.9);height:100%; position:fixed; 
    top:0;left:0;width:100%;height:100%;z-index:1001;
    display:none;transition :all 0.2s ease-in-out 0s;
  }
  #nav-sp-bg a, #nav-sp-bg { color:#fff;}
  #nav-sp-bg .brand { display: block;width: 80%;max-width:320px; margin-top: 1em;}
  #nav-sp-bg hr { border-top:2px solid #fff;}
  #nav-sp-bg.show { display: flex; flex-direction: column; justify-content: center;}
  .sp-nav-bottom { border-top:solid 1px #fff; margin: 0 10%;}
  .sp-nav-top li { list-style-type:none; margin: 0 10%;position: relative; margin-bottom: 0.5em;}
  .sp-nav-bottom p { margin-bottom: 0.5em;}
  .sp-nav-top li:before{ content:"ー";}
 
  #nav-sp-bg .img.x{width: 40px; margin-top: 1em;}
  #nav-sp-bg #copyright {font-size:12px; margin-top: 0.5em;}
  
}


/*mainvisual*/
#mainvisual{ background-color:#003C2A;}

#mainvisual-lower { color:#333;}
#mainvisual-lower .overlay {background: rgba(230,230,230,1);}

#mainvisual-lower.webpage-header h2::before {content: none;}
#mainvisual-lower h2 { font-size: 36px; text-align: center;}

#mainvisual .mv_logo {max-height:initial;}

.mainvisual-text {color:#fff;}

footer { background-color:#003C2A;color:#fff;}
#footer-navi a { text-decoration: none;}
#footer-navi a:hover { text-decoration: underline;}
footer .bnr-x img { width:100%; max-width: 375px;}

@media screen and (min-width: 768px) {
  #mainvisual {padding-top: 6.5em;}
  .mainvisual-text > div:first-child{position:relative;padding-right:40px;}
.mainvisual-text > div:first-child:after {
content:"";
position:absolute;
  width:1px;
  height:100%;
  background-color:#fff;
  right:20px;
  top:0;
  transform:rotate(30deg);
}
  #footer-navi li + li:before { content:"|"; margin-left: 1em;}
}
@media screen and (max-width: 767px) {
  #mainvisual h2 { margin-left:-12px; margin-right: -12px;}
  #mainvisual {background-image:url('https://jimbodeai.jp/.assets/header_bg_sm.jpg');padding-top:90px;}
  footer .bnr-x img {max-width: 100%;}
}


#top-news { background-color: transparent;color:#333;}
#top-news img { width:100%; height: auto;box-shadow: 2px 4px 6px rgba(0,0,0,0.2);border-radius:6px;transition :all 0.2s ease-in-out 0s; }
#top-news img:hover {transform: scale(1.03);}

#top-episodes {   
  background-color: #E6E6E6;
}
#top-flyer {
  background-color: rgba(0,66,42,0.14);
}
@media screen and (min-width: 768px) {
  .flyer .mt-be-column {width: 50%;}
  .mt-be-column + .mt-be-column {margin-left: 2em;}
}
@media screen and (max-width: 767px) {
  .mt-be-columns {flex-direction: column;}
  .mt-be-column + .mt-be-column {margin-top: 2em;}
}

#top-parson .profile {  background-color: #E6E6E6;}

/*episodes*/

.list-episodes a { display: block;position: relative; color:#fff;}
.list-episodes a .entry-detail { 
  position: absolute; width: 100%;/*calc(100% - 1.5em)*/;height:3.4em; bottom:0;left:/*0.75em*/0; 
  background-color:rgba(0,0,0,0.6);padding: 0.5em 0.5em 0;font-size: 16px! important;
  border-radius :0 0 10px 10px;
}
.list-episodes a .entry-detail h4 {font-size: 16px! important;}
.list-episodes a img { border-radius:6px;}


.list-episodes a .entry-detail h4 {font-size: 16px;}

.podcastlink { max-width: 600px;}
.podcast {}
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.scroll .list-episodes {width: calc((100vw - 6em))}
.scroll {
  overflow-x:scroll;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px) {
  .scroll .list-episodes a { width: calc((100% - 48px) / 3);}
  .scroll .list-episodes a + a { margin-left: 24px;} 
}
@media screen and (max-width: 767px) {
  .scroll.container { width: auto;}
.scroll .list-episodes a { width: calc(100vw - 6em); margin: 0 0.75em;}
}


/*sanjo*/
.sanjo-list span { display: inline-block; padding: 0 1em;}
@media screen and (min-width: 768px) {
.sanjo-list span + span { border-left: 1px solid #000;}
}
@media screen and (max-width: 767px) {
  .sanjo-list span { display: block;}
}

/*person*/
@media screen and (max-width: 767px) {
#top-parson img { display:block; max-width: 60%; margin:0 auto 2em;}
  .podcastlink { width: 80%; max-width: 320px;}
}

/* news */
.list-news {}
.list-news a { text-decoration: none;}
.list-news a .date { font-weight: bold; font-size: 0.88em;}
.list-news a:hover { text-decoration: underline;}

.UnderlayerJumbotron { padding-top: 0; background-color:#E6E6E6;height: 160px; }
.UnderlayerJumbotron .mt-container {height:100%; align-items: center;display: flex; justify-content:center;}
.newsHeader__title {
  font-size: 32px;
  font-weight: bold;
-webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  position: relative;
  z-index: 50;
  letter-spacing: 0.5px;
}

.newsWrap {
  min-height: 40vh;
}
.newslistWrap, .newsWrap {
  margin-top: 2em;
  margin-bottom: 4em;
}
.newsMain h3 { border-bottom: solid 2px #003C2A; font-size:1.2rem; 
  margin-top :2em; margin-bottom :1em; padding-bottom: 0.5em;}
.news-article #entry-body img, 
.news-article #entry-body figure img{width: auto;}




a.btn:hover { text-decoration: none;}
.btn-primary.px-5 {position: relative;}
.btn-primary.px-5:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}

.list-news li { position: relative; }
.list-news li a { display: block; padding-right: 30px;}
.list-news li:before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-top: solid 2px #003C2A;
  border-right: solid 2px #003C2A;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
}



#history-list h3 {font-size: 32px;}