@charset "utf-8";
/* CSS Document */

body {
  background:  ;
  width: 100%;
  min-width: 1080px;
  color: #333;
  font-family: arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 15.5px;
  line-height: 1.65em;
  margin:0px;
  padding:0px ;
/*  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
}

/* 明朝 */
@font-face {
  font-family: 'hannari';
  src: url('../fonts/hannari.eot');
  src: url('../fonts/hannari.eot#iefix') format('embedded-opentype'), url('../fonts/hannari.woff') format('woff');
}


/*
---------------------------------------------------------*/

img {
  border:0;
}
a:link {
  color: #3d7b7f;
  color: #48929b;
  text-decoration:none;
  letter-spacing: .08em;
}
a:visited {
  color: #3d7b7f;
  color: #48929b;
  text-decoration:none;
}
a:hover {
  color: #db0e0e;
  text-decoration:underline;
}
a:active {
  color: #db0e0e;
}

/*clearfix
---------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
*zoom: 1;
}

* {
  box-sizing: border-box;
}


/*ヘッダー
---------------------------------------------------------*/
header {
  background: url(../img/header.jpg) center top no-repeat,url(../img/bg_site.png) center;
  width: 100%;
  height: 317px;
  margin: 0 auto;
}
header section {
  width: 1080px;
  height: 317px;
  margin: 0 auto;
  position: relative;
}

header h1 a {
  width: 540px;
  height: 280px;
  text-indent:-9999px;
  display: block;
  margin: 0 auto;
  padding-top: 50px;
}
header h1 a:hover {
  cursor: pointer;
}
header a.logoJoqr {
  background: url(../img/logo_joqr.png) no-repeat;
  width: 122px;
  height: 50px;
  text-indent:-9999px;
  display:block;
  position: absolute;
  top: 10px;
  right: 0px;
}
header a:hover {
  opacity: .7;
}
header span {
  display: none;
}


/* nav
---------------------------------------------------------*/

nav {
  background: #000;
  width: 100%;
  height: 64px;
  margin: 0 auto ;
  padding: 3px 0;
  position: relative;
}
nav div {
  border-top: #d9bc6f 1px solid;
  border-bottom: #d9bc6f 1px solid;
  width: 100%;
  height: 56px;
  margin: 0 auto ;
  padding: 0 ;
}
nav ul {
  width: 1000px;
  height: 56px;
  font-size: 0;
  text-align: center;
  margin: 0 auto ;
}
nav ul li {
  width: 140px;
  height: 56px;
  display: inline-block;
}
nav ul li:first-child {
  width: 120px;
}
nav ul li.nav_recipe {
  width: 180px;
}
nav ul li.sns_twitter ,
nav ul li.sns_facebook {
  width: 48px;
  padding: 0 6px;
}
nav ul li a {
  height: 36px;
  text-indent: -9999px;
  margin: 9px 0;
  cursor: pointer;
  display: block;
}
nav ul li.nav_cast a {
  background: url(../img/nav_cast.png) center top no-repeat;
  width: 62px;
}
nav ul li.nav_cast a:hover {
  background: url(../img/nav_cast.png) center bottom no-repeat;
}
nav ul li.nav_airtime a {
  background: url(../img/nav_airtime.png) center top no-repeat;
  width: 84px;
}
nav ul li.nav_airtime a:hover {
  background: url(../img/nav_airtime.png) center bottom no-repeat;
}
nav ul li.nav_about a {
  background: url(../img/nav_about.png) center top no-repeat;
  width: 84px;
}
nav ul li.nav_about a:hover {
  background: url(../img/nav_about.png) center bottom no-repeat;
}
nav ul li.nav_episode a {
  background: url(../img/nav_episode.png) center top no-repeat;
  width: 94px;
}
nav ul li.nav_episode a:hover {
  background: url(../img/nav_episode.png) center bottom no-repeat;
}
nav ul li.nav_recipe a {
  background: url(../img/nav_recipe.png) center top no-repeat;
  width: 140px;
}
nav ul li.nav_recipe a:hover {
  background: url(../img/nav_recipe.png) center bottom no-repeat;
}
nav ul li.nav_replay a {
  background: url(../img/nav_replay.png) center top no-repeat;
  width: 84px;
}
nav ul li.nav_replay a:hover {
  background: url(../img/nav_replay.png) center bottom no-repeat;
}
nav ul li.sns_twitter a ,
a.snsTwitter {
  background: url(../img/icon_twitter.png) center top no-repeat;
  width: 36px;
}
nav ul li.sns_twitter a:hover ,
a.snsTwitter:hover {
  background: url(../img/icon_twitter.png) center bottom no-repeat;
}
nav ul li.sns_facebook a ,
a.snsFacebook {
  background: url(../img/icon_facebook.png) center top no-repeat;
  width: 36px;
}
nav ul li.sns_facebook a:hover ,
a.snsFacebook:hover {
  background: url(../img/icon_facebook.png) center bottom no-repeat;
}



.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


/*SNS
---------------------------------------------------------*/
.snsTop {
  text-align: center;

}




/*レイアウト
---------------------------------------------------------*/

#wrapper {
  background: #ebdfd5;
  width: 100%;
  height: auto;
  min-height: 640px;
  font-family: 'hannari';
  margin: 0 auto ;
  padding: 0;
}
.contents {
  width: 100%;
  height:auto;
  min-height: 300px;
  margin: -64px auto 0;
  padding: 64px 0 150px;
}
#airtime,
#episode,
#replay {
  background: url(../img/bg_site.png) center;
}
#airtime {
  min-height: 600px;
}




/*トップへ戻る
---------------------------------------------------------*/

#pageTop {
  background-image:url(../img/pagetop.png);
  width: 40px;
  height: 76px;
  text-indent: -9999px;
  position: fixed;
  bottom: 80px;
  right: 80px;
}

footer {
  background: #000000;
  width: 100%;
  color: #d9bc6f;
  font-family:Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  text-align: center;
  font-size: 15px;
  margin: 0 auto ;
  padding: 40px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




/* contents article
---------------------------------------------------------*/


.contents h2 {
  width: 200px;
  margin: 90px auto 60px;
}
#airtime.contents h2 {
  margin-top: 120px ;
}
article {
  width: 750px;
  height:auto;
  font-family: 'hannari';
  text-align: center;
  margin: 0 auto 0;
  padding:  0 ;
}
article div {
  line-height: 1.85em;
  text-align: center;
  padding: 0 30px;
}
#episode article div ,
#recipe article div {
  text-align: left;
  padding: 0 80px;
}
article h3 {
  font-size: 20px;
  font-weight: bold;
  padding: 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 ;
}
article strong {
  font-weight: bold;
  color: #db0e0e;
}
article img {
  display: block;
  margin: 25px auto 15px!important;
}
article a {
  text-decoration: underline;
}
article a:hover {
  text-decoration: none;
}
span.snsBtn {
  padding: 0 ;
  margin: 30px 0 0;
  display: block;
}
span.snsBtn a {
  width: 36px;
  height: 36px;
  text-indent: -9999px;
  padding: 0 ;
  margin: 4px ;
  cursor: pointer;
  display: inline-block;
}


/* 出演者 */

#cast article {
  width: 1000px;
  padding: 0 ;
}
#cast article li {
  padding: 0 10px;
  display: inline-block;
}
#cast article span img {
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  display: block;
  margin: 0 auto;
}
#cast article  h3 {
  padding: 0;
  margin: -50px auto 0;
}


/* 放送時間 */

#airtime article li {
  padding: 0 20px;
  display: inline-block;
}
#airtime article span {
  color: #d9bc6f;
  font-size: 1.2em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0 auto;
  display: block;
}
#airtime article h3 img {
  padding: 0;
  margin: 15px auto ;
}



/* 番組紹介 */

#about article div {
  background:url(../img/bg_about.png) center no-repeat;
  min-width: 240px;
  min-height: 240px;
  color: #004834;
  font-size: 1.05em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 auto;
}
#about article a {
  border: #d9bc6f solid 4px;
  width: 418px;
  height: 128px;
  padding: 0;
  margin: 60px auto ;
  display: block;
}
#about article a img {
  padding: 0;
  margin: 0!important;
}

/* 番組後記 */

#episode article  {
  background-color: #f5efea ;
  background-image:
  url(../img/corner01_topleft.png) ,
  url(../img/corner01_topright.png) ,
  url(../img/corner01_bottomleft.png) ,
  url(../img/corner01_bottomright.png) ;
  background-position:
      left top,
      right top,
      left bottom,
      right bottom;
  background-repeat:
      no-repeat,
      no-repeat,
      no-repeat,
      no-repeat;
  padding: 40px 0 ;
  margin: 0 auto 50px;
}
#episode article h3 {
  margin: 0 0 25px;
}

/* レシピ紹介 */

#recipe article  {
  border: #004834 solid 1px;
  background-color: #f5efea ;
  background-image:
  url(../img/corner02_topleft.png) ,
  url(../img/corner02_topright.png) ,
  url(../img/corner02_bottomleft.png) ,
  url(../img/corner02_bottomright.png) ;
  background-position:
      left top,
      right top,
      left bottom,
      right bottom;
  background-repeat:
      no-repeat,
      no-repeat,
      no-repeat,
      no-repeat;
  padding: 40px 0 ;
  margin: 0 auto 50px;
}
#recipe article h3 {
  margin: 0 0 25px;
}

/* 音源再生 */

#replay h2 {
  width: 972px;
  height: 30px;
  margin: 30px auto 60px;
}
#replay article {
  width: 972px;
  padding: 30px 0 30px;
  margin: 0 auto;
}
#replay article img {
  display: block;
  margin: 0 auto;
}


/*


---------------/