@charset "UTF-8";

/* Small Devices, Tablets */
/* PC */

/**************************************
    INDEX
 ***************************************/

body {
     background-color: #c6ae80;
 }

#wrapper {
    overflow: hidden;
    position: relative;
}

#container {
    width: 100%;
}

#header {
    height: 1024px;
    position: relative;
    width: 100%;
    z-index: 900;
}

canvas {
    position: fixed;
    z-index:-1;
    top:0;
    left:0;
}

#headInner {
    padding-bottom: 160px;

    z-index: 900;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top:24px;
    width: 864px;
 
    background-image: url(../images/navi4.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
#headInner h1  {
    margin: 0 auto;
    margin-top:10.2%;
    width: 44%;
    filter: drop-shadow(0px 0px 5px rgba(128, 128, 128, 0.5));
}

#headInner #leadtxt {
    margin: 0 auto;
    margin-top: 120px;
    margin-bottom: 32px;
    color: #fff;
    font-size: 1.52rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.45;
    letter-spacing: 0.06rem;
}

#headInner #onairdate {
    margin: 0 auto;
    margin-bottom: 32px;
    width: 284px;
}

#headInner #navigator {
    margin: 0 auto;
    margin-bottom: 40px;
    width: 420px;
    text-align: left;
}

#headInner #navigator li{
    margin-bottom: 10px;
    padding-bottom: 7px;
    color: rgb(255, 255, 255);
    font-size: 1.05rem;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    letter-spacing: 0.02rem;
}

#headInner #navigator li i {
    padding-left: 4px;
    color: rgb(255, 255, 255);
    font-size: 0.7rem;
    font-weight: normal;
}

#headInner #navigator li span {
    padding: 5px 9px 5px 0px;
    margin-right: 8px;
    display: inline-block;
    /* background-color: #fff; */
    /* border:1px solid #fff; */
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 0.72rem;
    /* font-family: Oswald; */
    font-weight: normal;
    letter-spacing: 0.08rem;
    line-height: 1;
}



#bnr_sponsored {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 34px;
}

#bnr_sponsored a {
    margin: 0 auto;
    text-align: center;
    display: block;
}

#jmebtn  {
    margin-bottom: 24px;
}


#headInner #jmebtn{
    margin: 0 auto;
    /* margin-top: 50px; */
    text-align: center;
    
}

#podcast {
    /* mix-blend-mode: multiply; */
    /* top: 864px; */
    position: relative;
    background-color: #1c1c1c;
    z-index: 900;

}

#ttl_podcast{
    
    margin:  0 auto;
    position: absolute;
    top: -78px;
    right: 0;
    left: 0;
    width: 156px;
}

#podcast_cnt {
    padding: 130px 0 150px 0;
    margin:  0 auto;
    width: 936px;
}

#podcast_txt {
    margin-bottom: 34px;
    text-align: center;
    letter-spacing: 0.07rem;
    color: rgb(235, 235, 235);
    font-size: 1.35rem;
    font-weight: bold;
    line-height: 1.5;
}

#podcast_txt i{
    color: rgb(235, 235, 235);
    font-size: 0.85rem;
}
#podcast_date {
    margin: 0 auto;
    margin-bottom: 75px;
    width: 100%;
    text-align: center;
}

#podcast_date li {
    margin: 0 20px;
    display: inline-block;
    color: rgb(235, 235, 235);
    letter-spacing: 0.08rem;
    font-size: 0.95rem;
    line-height: 1;
    font-family: Oswald;
    font-weight: 400;
}

#podcast_date li span {
    padding:22px 18px 10px 18px;
    width: 64px;
    height: 64px;
    margin-right: 12px;
    display: inline-block;
    /* background-color: #2e2e2e; */
    border: 1px solid #44423f;
    color: rgb(145, 145, 145);
    border-radius: 60px;
    font-size: 0.95rem;
    font-family: Oswald;
    font-weight: 600;
    letter-spacing: 0.05rem;
    line-height: 1;
}

#spinear_bnr {
    margin :0 auto;
    margin-bottom: 42px;

    text-align: center;
    width: 33.5%;
}

#spinear_bnr dt {
    margin-bottom: 10px;
}

#spinear_bnr dt a {
    width: 100%;
    display: inline-block;

    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

#spinear_bnr dt a img {
    width : 100%;
    border-radius: 6px;
    display: inline-block;
    border: 1px solid rgb(110, 110, 110);
}

#spinear_bnr dd {
    font-size: 0.85rem;
    line-height: 1;
    letter-spacing: 0.07rem;
    color: rgb(145, 145, 145);
}

#spinear_bnr dt a:hover {
    opacity: 0.7;
   
}


#podcast_bnr {
    display: flex;
    justify-content: space-between;
}

#podcast_bnr li {
    width: 30.5%;
}

#podcast_bnr li a {
    margin-bottom: 16px;
    width: 100%;
    display: inline-block;

    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

#podcast_bnr li a:hover {
    opacity: 0.7;
   
}

#podcast_bnr li a img {
    width : 100%;
    border-radius: 6px;
    display: inline-block;
    border: 1px solid rgb(110, 110, 110);
}


#content{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e0b04+0,1e1210+100&0.97+0,0.68+100 */
background: -moz-linear-gradient(top,  rgba(30,11,4,0.97) 0%, rgba(30,18,16,0.48) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,11,4,0.97) 0%,rgba(30,18,16,0.48) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,11,4,0.97) 0%,rgba(30,18,16,0.48) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f71e0b04', endColorstr='#ad1e1210',GradientType=0 ); /* IE6-9 */

    width: 100%;
    z-index: 900;

    position: relative;
    padding: 0 0 20px 0;
}

#content_inner {
    padding: 100px 0;
    margin:  0 auto;
    width: 840px;
}

#content_inner h2{
    margin-bottom: 16px;
    text-align: center;
    font-family: Oswald;
    font-weight: 600;
    font-size: 2.65rem;
    letter-spacing: 0.01rem;
    color: #e79621;
}

#cnt_date{
    margin-bottom: 20px;
    text-align: center;
    font-family: Oswald;
    font-weight: 300;
    font-size: 1.25rem;
    letter-spacing: 0.02rem;
    color: #e0e0e0;
}

#cnt {
    margin-top: 64px;
    margin-bottom: 80px;
    display: flex;
    justify-content: space-between;
}

#cnt dl {
    width: 50%;
}

#cnt dl dt {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.32rem;
    letter-spacing: 0.08rem;
    line-height: 1.6;
    color: rgb(235, 235, 235);
}

#cnt dl dd {
    font-size: 0.95rem;
    letter-spacing: 0.01rem;
    line-height: 1.8;
    color: rgb(192, 192, 192);
    font-feature-settings: initial;
}

#cnt_photo {
    width: 43.5%;
}

#cnt_photo img {
    width: 100%;
}

#btn_mts {
    margin: 0 auto;
    width: 48%;
    background-color: #000;
    border-radius: 6px;

    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

#btn_mts:hover {
    opacity: 0.7;
}

#btn_mts a {
    padding: 24px 0;
    display: block;
    text-align: center;
    font-family: Oswald;
    font-weight: 600;
    font-size: 1.25rem;
    letter-spacing: 0.08rem;
    color: #fff;
  

    
}


#sns{
    margin-top: 80px;
}

#sns h3 {
    margin-bottom: 34px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0.2rem;
    color: #e0e0e0;
}
#sns ul {
    margin: 0 auto;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    width: 312px;

}

#sns ul li {
    background-color: #fff;
    border-radius: 30px;
   
  
}

#sns ul li a {
    padding: 10px 26px 12px 26px;
    display: block;
    font-family: Oswald;
    font-weight: 600;
    font-size: 0.85rem;
    letter-spacing: 0.02rem;
    color: rgb(39, 39, 39);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#sns ul li span {
    display: block;
    margin-right: 4px;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}

#sns_tw{
    background-image: url('../images/ico_tw.svg');
}

#sns_insta {
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20150%20150%22%20style%3D%22enable-background%3Anew%200%200%20150%20150%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Aurl(%23SVGID_1_)%3B%7D%20.st1%7Bfill%3Aurl(%23SVGID_2_)%3B%7D%20.st2%7Bfill%3Aurl(%23SVGID_3_)%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22106.9432%22%20y1%3D%22103.5773%22%20x2%3D%22124.0932%22%20y2%3D%22120.7273%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20150)%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23A71095%22%2F%3E%20%3Cstop%20offset%3D%220.5152%22%20style%3D%22stop-color%3A%237923B6%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%235134D2%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M110.8%2C31.4c-3.9%2C1.4-6.4%2C5.9-5.3%2C10c1%2C4.6%2C6.3%2C7.6%2C10.8%2C6.2c4.5-1.1%2C7.7-6.1%2C6.1-10.6%20C121.2%2C32.2%2C115.4%2C29.3%2C110.8%2C31.4z%22%2F%3E%20%3ClinearGradient%20id%3D%22SVGID_2_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%225.5714%22%20y1%3D%225.5395%22%20x2%3D%22134.7226%22%20y2%3D%22134.6908%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20150)%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23F6C65A%22%2F%3E%20%3Cstop%20offset%3D%220.2788%22%20style%3D%22stop-color%3A%23EF5531%22%2F%3E%20%3Cstop%20offset%3D%220.5212%22%20style%3D%22stop-color%3A%23DC1E51%22%2F%3E%20%3Cstop%20offset%3D%220.7455%22%20style%3D%22stop-color%3A%23A71095%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%235134D2%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M143.7%2C57.4c-0.3-8.2-0.1-16.8-2.9-24.6c-3.3-10-11.5-18.1-21.4-21.4c-8.2-3-17-2.9-25.7-3.1%20c-12.7%2C0-25.6%2C0-38.3%2C0.1c-4.1%2C0.2-8.2%2C0.1-12.3%2C0.5c-8.2%2C0.6-16.6%2C3.2-23.1%2C8.5C14.2%2C22.1%2C10.1%2C28.7%2C8.4%2C36%20c-1.8%2C7-1.6%2C14.3-2.1%2C21.4c0%2C12%2C0%2C23.9%2C0%2C35.9c0.5%2C8.2%2C0.2%2C16.9%2C3.3%2C24.7c3.5%2C9.7%2C11.5%2C17.4%2C21.3%2C20.7c6.9%2C2.5%2C14.3%2C2.9%2C21.5%2C2.9%20c6.4%2C0.3%2C12.7%2C0.1%2C19.2%2C0.1c11.5-0.3%2C23.1%2C0.3%2C34.6-0.5c9.4-0.6%2C19.2-3.7%2C26-10.5c7.3-6.8%2C10.5-16.9%2C11.1-26.6%20C144.1%2C88.5%2C143.6%2C73%2C143.7%2C57.4z%20M130.7%2C104.6c-0.4%2C3.5-1%2C7-2.4%2C10.2c-2.4%2C6-7.7%2C10.6-13.8%2C12.6c-6%2C2.1-12.3%2C1.9-18.5%2C2.3%20c-11%2C0-22%2C0.4-32.9%2C0.1c-7%2C0.2-14%2C0.1-21-0.7c-7.1-0.7-14.2-4-18.3-10.1c-4.6-6.6-4.7-14.9-4.9-22.6c0-9.6-0.1-19.2%2C0-28.8%20c0.2-6-0.2-12%2C0.3-18c0.2-7.8%2C1.7-16.4%2C7.9-21.8c6.6-6.4%2C16.2-7%2C24.9-7.2c14.8-0.3%2C29.4-0.3%2C44.2-0.2c8.5%2C0.5%2C17.8%2C0.3%2C24.9%2C5.5%20c5.3%2C3.8%2C8.5%2C9.9%2C9.3%2C16.3c1%2C7.4%2C0.8%2C14.9%2C0.9%2C22.5c0.2%2C7.1%2C0.2%2C14.4%2C0%2C21.5C131.3%2C92.3%2C131.2%2C98.5%2C130.7%2C104.6z%22%2F%3E%20%3ClinearGradient%20id%3D%22SVGID_3_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%225.5658%22%20y1%3D%225.5138%22%20x2%3D%22134.7168%22%20y2%3D%22134.6648%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20150)%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23F6C65A%22%2F%3E%20%3Cstop%20offset%3D%220.2788%22%20style%3D%22stop-color%3A%23EF5531%22%2F%3E%20%3Cstop%20offset%3D%220.5212%22%20style%3D%22stop-color%3A%23DC1E51%22%2F%3E%20%3Cstop%20offset%3D%220.7455%22%20style%3D%22stop-color%3A%23A71095%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%235134D2%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M95.2%2C46.8c-7.4-5.1-16.9-7.1-25.7-5.7c-9.8%2C1.6-19%2C7.2-24.3%2C15.7c-5.1%2C7.8-6.8%2C17.8-4.4%2C26.8%20C43%2C92%2C48.6%2C99.4%2C56%2C104c7.4%2C4.6%2C16.6%2C6.4%2C25.1%2C4.9c10.1-1.6%2C19.3-8%2C24.6-16.8c4.4-7.4%2C5.9-16.7%2C3.8-25.1%20C107.4%2C58.7%2C102.1%2C51.5%2C95.2%2C46.8z%20M93.4%2C88.1c-3.8%2C5.1-10%2C8.5-16.4%2C9c-10.6%2C1.2-21.5-6-24.1-16.5C51.2%2C74%2C52.7%2C66.7%2C57%2C61.4%20c3.5-4.4%2C8.7-7.4%2C14.3-8.3c10.6-1.9%2C22.1%2C4.6%2C25.5%2C14.9C99.1%2C74.6%2C97.7%2C82.5%2C93.4%2C88.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

#tw_area {
    margin: 0 auto;
    width: 72%;
}

.twitter-timeline {
    height: 600px;

}


footer {
    margin: 0 auto;
/*     padding-bottom : 30px; */
    width: 100%;
    text-align: center;
}

#jlogo {
    
    margin-bottom: 12px;
    
}

#jlogo a {
    margin: 0 auto;
    display: block;
    width: 157px;
}

#jcopy {
    margin-bottom: 12px;
    font-family: Lato;
    font-weight: 400;
    font-size: 0.65rem;
    letter-spacing: 0.02rem;
    color: rgb(121, 121, 121);
}

#home{
    margin: 0 auto;
    width: 90px;
}

#home a {
    display: block;
}


/**************************************
    MESSAGE
 ***************************************/

 #msg_header {
    margin: 0 auto;
    width: 100%;
    background-color: #e0c89a;
}



#msg_header h1  {
    margin: 0 auto;
    width: 864px;

}
#msg_header h1 img {
    width: 100%;
    display: block;
}




#msg_content{
    background-color: #363434;
}

#msg_content_inner {
    padding: 72px 0;
    margin:  0 auto;
    width: 864px;
}

#msg_content_inner h2{
    margin-bottom: 60px;
    text-align: center;
    font-family: Oswald;
    font-weight: 600;
    font-size: 2.15rem;
    letter-spacing: 0.01rem;
    color: #e79621;
}



#msg_cnt {
    margin-top: 64px;
    margin-bottom: 80px;
    display: flex;
    justify-content: space-between;
}
#form  {
    width: 740px;
    margin: 0 auto;
  }
  
  #form  h3 {
      padding: 15px 10px 14px 16px;
      margin-bottom:  36px;
      font-size:1.0rem;
      letter-spacing: 0.05rem;
      font-weight:bold;
      color: #e79621;
      background-color: rgb(0, 0, 0);
  }
  
  #form p.forget {
      margin: 30px 30px 60px 0;
      display:inline-block;
  }
  
  #form p.forget a {
      font-size: 0.85rem;
      font-weight: bold;
      letter-spacing: 0.05rem;
      color:rgb(238, 238, 238);
  }
  
  #form  p.forget:before {
    content: "\25B6";
    vertical-align: middle;
    color: rgb(238, 238, 238);
    font-size: 0.85rem;
    margin: 0 8px 0 0;
  }
  
  
   .hankaku {
       margin-bottom:  30px;
      text-align: center;
  }
  
   .hankaku p {
        padding: 5px 10px 4px 10px;
      background-color: rgb(87, 87, 87);
      color: rgb(238, 238, 238);
      font-size: 0.85rem;
      font-weight: 400;
      line-height: 1.7;
      letter-spacing: 0.17rem;
  }
   .forget a {
    color: #000;
  }
  
  
   #form dl {
       margin-bottom: 20px;
       display: -webkit-flex;
      display: flex;
      justify-content:flex-start;
      align-items: center;
  }
  
   #form dt {
      vertical-align: middle;
      font-size: 1.00rem;
      font-weight: 400;
      line-height: 1.7;
      color: rgb(238, 238, 238);
      letter-spacing: 0.05rem;
       
      width: 30%;
  }
    #form dd {
        margin: 0;
        padding: 0;
      display: block;
  }
  
  #form dd p label {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.7;
      color: rgb(238, 238, 238);
      letter-spacing: 0.05rem;
  }
  
  
   #attention {
    margin: 20px 0;
    line-height: 1.6;
    text-align: left;
  }
   #attention a {
    color: #e79621;
  }
  
  #attention p {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.7;
      color: rgb(238, 238, 238);
      letter-spacing: 0.15rem;
      text-align: center;
  }
  
  #attention p span {
      margin-top: 60px;
      display: block;
      color: rgb(238, 238, 238);
  }
  
   #submit {
    text-align: center;
    padding: 35px 0 0;
  }
   #submit input[type="submit"],
   #submit input[type="reset"] {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
  }
   #submit input[type="submit"] {
  color: #fff;
  font-size: 1.05rem;
  letter-spacing: 1rem;
  font-weight: bold;
  border: none;
  border-radius: 60px;
  padding: 20px 0;
  width: 50%;
  display: inline-block;
  margin: 0 10px;
  
  background-color:#e79621;
  }
  
  #submit input[type="submit"]:Hover {
  cursor: pointer;
  color: #fff;
  font-size: 1.05rem;
  letter-spacing: 1rem;
  font-weight: bold;
  padding: 20px 0;
  width: 50%;
  display: inline-block;
  margin: 0 10px;
  font-weight: bold;

  
  background-color:#e79621;
  
  }
  
  
  
  input[type="text"],
  input[type="password"] {
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
  width: 100%;
  padding:10px 10px;
  background-color:#f8f8f8;
    border-radius: 6px;
  }
  
  textarea {
      
  font-size: 1rem;
  height: 200px;
  width: 100%;
  background-color:#f8f8f8;
      border-radius: 6px;
  }
  
  select,
  option {
  width:300px;
  font-size: 1rem;
  padding: 5px;
  background-color:#f8f8f8;
      border-radius: 6px;
  }
  
  .radio p {
    display: inline-block;
    vertical-align: middle;
  }
  

#msg_btn_mts {
    margin: 0 auto;
    width: 20%;
    background-color: #000;
}

#msg_btn_mts a {
    padding: 14px 0;
    display: block;
    text-align: center;
    font-family: Oswald;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.08rem;
    color: #fff;
}

#msg_content_inner h4 {
    margin:  0 auto;
    text-align: center;
    font-family: Oswald;
    font-weight: 600;
    font-size: 1.8rem;
    letter-spacing: 0.08rem;
    color: #fff;
}


@media all and (max-width: 864px) {
    #header {
        /* height: 1200px; */
    }
    #headInner {
        padding: 0 3.5%;
        padding-bottom: 130px;
        top:0;
        width: 100%;
    }
    
    #headInner h1  {
        margin-top: 8.85%;
        width: 55.5%;
    
    }
    


     
#headInner #leadtxt {
    margin-top: 15%;
    margin-bottom: 5%;
    font-size: 1.50em;
}

#headInner #onairdate {
    margin-bottom: 4%;
    width: 307px;
}

#headInner #navigator li{
    font-size: 1.00rem;

}

#headInner #navigator li i {
    font-size: 0.75rem;
    letter-spacing: 0.02rem;
}

#headInner #navigator li span {
    font-size: 0.82rem;

}


#headInner #navigator {
    margin-bottom: 36px;
    width: 60%;
}

#headInner #navigator li{
    margin-bottom: 10px;
    padding-bottom: 6px;
   
}



#bnr_sponsored {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 34px;
}

#bnr_sponsored a {
    margin: 0 auto;
    text-align: center;
    display: block;
}

#headInner #jmebtn{
    margin: 0 auto;
    margin-top: 8%;
    text-align: center;
    
}

     #podcast_cnt {
        padding: 120px 40px 54px 40px;
         width: 100%;
     }



     #podcast_txt {
  
        font-size: 1.35rem;
      
    }
    
 
    #spinear_bnr {

    margin-bottom: 48px;

    width: 60.5%;
}


     #podcast_bnr {
         flex-wrap: wrap;
         justify-content: space-around;
     }

     #podcast_bnr li {
         display: inline-block;
         width: 42%;
         padding: 0 10px;
         margin-bottom: 26px;
     }
     #podcast_bnr li a {
        display: inline-block;
        width: 100%;
     }

     #podcast_bnr li a img {
        width: 100%;
     }




     #content_inner {
         padding: 70px 50px;
         width: 100%;
     }
     #content_inner h2 {
         font-size: 2.6rem;
     }

   
     #cnt {
   
        display: block;
    }
    
    #cnt_photo {
        margin : 0 auto;    
        margin-bottom: 8%;
        width: 64%;
    }

    #cnt dl {
        margin:  0 auto;
        width: 100%;
    }

     #cnt dl dt {
    
        font-size: 1.35rem;
  
    }
    
    #cnt dl dd {
        font-size: 1.05rem;
      
    }


     #sns ul {
         width: 46%;
     }

     #tw_area {
         width: 90%;
     }
    

/**************************************
    MESSAGE
 ***************************************/

    #msg_header {
    }
     #msg_headInner {
       width:  100%;
       padding: 0 20px;
    }

    #msg_header h1 {
        width: 100%;
    }

    

    #msg_content_inner {
        width: 100%;
        padding: 8% 3.3%;
    }

  

    #msg_content_inner h2{
        font-size : 2.2rem;
        margin-bottom: 6%;
    }

    #msg_cnt {
        margin:  0;
        padding: 0;
    }

    #form {

        width: 100%;
    }

    #submit {
        margin-bottom: 8%;
    }
}

@media all and (max-width: 480px) {

    .pc_only {
        display: none;
    }

    #headInner {
        padding: 0 3.5%;
        padding-bottom: 130px;
    }
    #headInner h1  {
        margin-top: 9.5%;
        width: 54%;
    
    }

     
#headInner #leadtxt {
    margin-top: 17%;
    margin-bottom: 8%;
    font-size: 1.12rem;
}



#headInner #onairdate {
    margin-bottom: 6%;
    width: 240px;
}

#headInner #navigator {
    margin-bottom: 36px;
    width: 100%;
}

#headInner #navigator li{
    font-size: 1.00rem;
    letter-spacing: 0.02rem;

}

#headInner #navigator li i {
    font-size: 0.75rem;
    letter-spacing: 0.01rem;
}

#headInner #navigator li span {
    font-size: 0.82rem;

}


#headInner #navigator li{
    margin-bottom: 8px;
    padding-bottom: 4px;
   
}

#headInner #navigator li i {
   
}

#headInner #navigator li span {
  
}



#headInner #jmebtn{
    margin: 0 auto;
    margin-top: 10%;
    text-align: center;
    
}


 
    #headInner #jmebtn img {
        width: 100%;
    }

    #ttl_podcast {
        top: -65px;
        width: 130px;
    
    }


    #podcast_cnt {
        padding: 24% 3.3% 10% 3.3%;
    
    }

    #podcast_txt {
        margin-bottom:6%;
        font-size: 1.05rem;
    }
    
    #podcast_txt i{
        font-size: 0.85rem;
    }
    #podcast_date {
        margin: 0 auto;
        margin-bottom: 8%;
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: space-between;
    }
    
    #podcast_date li {
        display: block;
        margin: 0;
        font-size: 0.95rem;
        width: 48%;
    }
    
    #podcast_date li span {
        padding:9% 2% 10% 3%;
        width: 50px;
        height: 50px;
        margin-right: 4%;
        font-size: 0.95rem;
    }

    #spinear_bnr {

        margin-bottom: 28px;
        width: 76.5%;
    
    
    }
    

    #podcast #podcast_bnr li {

        display: inline-block;
        width: 50%;
        padding: 0 2%;
        margin-bottom: 3%;
    
    }

    #content_inner {

        padding: 8% 3.3%;
        width: 100%;
    
    }
    #content_inner h2 {

        font-size: 2.2rem;
    
    }

    #cnt {
        margin-top: 30px;
        display: block;
    }

    #cnt_photo {
        margin: 0 auto;
        margin-bottom: 20px;
        width: 82%;
        text-align: center;
    }

    #cnt dl {

        width: 100%;
    
    }

    #cnt dl dt {
        font-size: 1.10rem;
        margin-bottom: 20px;
    
    }

    #cnt dl dd {

        font-size: 0.95rem;
    }

    #btn_mts {
        width: 75%;
    }

    #sns h3 {
        font-size: 1.2rem;
    }

    #sns ul {

        width: 88%;
    
    }


/**************************************
    MESSAGE
 ***************************************/


    #msg_header {

    
    }

    #msg_header h1 {
    
    }

    #form h3 {
        padding: 4% 3%;
        margin-bottom:6%;
        margin-top: 6%;
       
    }
    #form p.forget {
        margin: 4% 0;
    }

    #form dl {
        display: block;
    }

    #form dt{
        margin-bottom: 3%;
        width: 100%;
    }
}

/**************************************
    COMMON FOOTER
 ***************************************/
@media screen and (max-width: 767px) {
    
    /* overrides common styles */
    #commonFooter{
        width: 100% !important;
        position: static;
    }
    
    #commonFooterInner{
        padding: 15px 0;
        width: 100% !important;
        background-color: #282828;
        text-align: center;
    }
    #commonFooter li{
        display:inline-block !important;
        float: none;
    }
}