@charset "UTF-8";
/**/
@media screen and (min-width: 768px) { /* 　カスタマイズ --------------------------------------*/
  #Wrap { background: #b3e3fd; }
  #Main { background: url(/shared/jtele/gotosata/images/maintop_bg.jpg) repeat-x left top; padding-top: 0; }
  #Cont { background: url(/shared/jtele/gotosata/images/main_bg.jpg) no-repeat center top; }
  .bkWhite { background-color: #FFF; width: 100%; padding-top: 30px; }
  span.strong { font-weight: bold; }
  .mt20 { margin-top: 20px; }
  .txtRight { text-align: right; font-size: 10px; padding-top: 10px; color: #777; max-width: 960px; margin: 0 auto; }
  /* 　TOPイメージ --------------------------------------*/
  #topArea { max-width: 960px; margin: 0 auto; position: relative; padding-top: 20px; }
  #mainBg { /*background: url(/shared/jtele/gotosata/images/maintop_bg.jpg) repeat-x left top #B3E3FD;*/ width: 100%; }
  #mainBgBottom { background: url(/shared/jtele/gotosata/images/main_bg_b.png) repeat-x left bottom; padding-bottom: 50px; }
  #gotosataLogoTop { float: left; }
  #topIntro { float: right; background: url(/shared/jtele/gotosata/images/top_main.png); width: 750px; height: 197px; text-indent: -9999px; }
  /* 　ナビボタン --------------------------------------*/
  #topArea ul { position: absolute; width: 745px; right: 0; top: 185px; }
  #topArea ul li { float: left; }
  #topArea ul li a { display: block; text-indent: -9999px; height: 53px; }
  #topArea ul li a#naviTop01 { background: url(/shared/jtele/gotosata/images/gnavi_guest.png) no-repeat left top; width: 195px; }
  #topArea ul li a#naviTop01:hover { background-position: left -61px; }
  #topArea ul li a#naviTop02 { background: url(/shared/jtele/gotosata/images/gnavi_intro.png) no-repeat left top; width: 193px; }
  #topArea ul li a#naviTop02:hover { background-position: left -61px; }
  #topArea ul li a#naviTop03 { background: url(/shared/jtele/gotosata/images/gnavi_bn.png) no-repeat left top; width: 194px; }
  #topArea ul li a#naviTop03:hover { background-position: left -61px; }
  #topArea p a#naviTop04 { background: url(/shared/jtele/gotosata/images/gnavi_pre.png) no-repeat left top; width: 161px; position: absolute; right: 0; top: 185px; height: 53px; text-indent: -9999px; }
  #topArea p a#naviTop04:hover { background-position: left -61px; }
  #topArea ul li#naviTop03none { background: url(/shared/jtele/gotosata/images/gnavi_bn_none.png) no-repeat left top; width: 194px; text-indent: -9999px; height: 53px; }
  #topArea p#naviTop04none { background: url(/shared/jtele/gotosata/images/gnavi_pre_none.png) no-repeat left top; width: 161px; position: absolute; right: 0; top: 185px; height: 53px; text-indent: -9999px; }
  /*バックナンバー用*/
  #topArea ul li a#navibn01 { background: url(/shared/jtele/gotosata/images/gnavi_guest.png) no-repeat left -120px; width: 195px; }
  #topArea ul li a#navibn01:hover { background-position: left -182px; }
  #topArea ul li a#navibn02 { background: url(/shared/jtele/gotosata/images/gnavi_intro.png) no-repeat left -120px; width: 193px; }
  #topArea ul li a#navibn02:hover { background-position: left -182px; }
  #topArea ul li#navibn03on { background: url(/shared/jtele/gotosata/images/gnavi_bn.png) no-repeat left -120px; width: 194px; text-indent: -9999px; height: 53px; }
  #bnTitle { background: url(/shared/jtele/gotosata/images/bn_ttl.png) no-repeat center 30px; max-width: 960px; height: 100px; text-indent: -9999px; margin: 0 auto; }
  #bnTtlArea { position: relative; max-width: 960px; margin: 0 auto; }
  #bnDateTtl { background: url(/shared/jtele/gotosata/images/bn_ttl_date.png) no-repeat center 30px; max-width: 960px; height: 100px; text-indent: -9999px; }
  #bnTtlDate { position: absolute; top: 41px; left: 535px; }
  #bnTtlDate span { background-color: #393f96; border-radius: 10px; color: #FFF !important; display: block; font-size: 20px; font-weight: bold; padding: 5px 18px; position: relative; }
  /* 　放送内容 --------------------------------------*/
  #program { max-width: 960px; margin: 0 auto; padding: 40px 0 0 0; }
  #backnumber { max-width: 960px; margin: -20px auto 0 auto; }
  .programBg { background: url(/shared/jtele/gotosata/images/program_bg.png) repeat left top; padding: 10px; max-width: 710px; float: left;}
  #backnumber .programBg { margin-top: 60px; }
  .programBg .programBox { background-color: #FFFEDF; position: relative; padding: 30px 20px 20px 20px; z-index: 0; }
  .programTwitter {float: right; max-width: 230px;}
  /*.programBg h2 { position: absolute; top: -30px; left: 254px; width: 432px; height: 56px; background: url(/shared/jtele/gotosata/images/program_ttl.png) no-repeat left top; text-align: center; line-height: 47px; font-size: 28px; font-weight: bold; }*/
  .ribbonTtl { position: absolute; left: 0; top: -30px; width: 100%; text-align: center; }
  .ribbonTtl h2 { display: inline-block; font-size: 28px; outline: none; padding: 2px 20px; position: relative; background-color: #ffd602; min-width: 370px; text-align: center; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
  .ribbonTtl h2:before, .ribbonTtl h2:after { content: ""; position: absolute; display: block; bottom: -11px; border: 0.8em solid #F5C300; z-index: -1; }
  .ribbonTtl h2:before { left: -37px; border-right-width: 35px; border-left-color: transparent; }
  .ribbonTtl h2:after { right: -37px; border-left-width: 35px; border-right-color: transparent; }
  .ribbonTtl h2 span:before, .ribbonTtl h2 span:after { content: ""; position: absolute; display: block; border-style: solid; border-color: #CD9A01 transparent transparent transparent; bottom: -11px; z-index: 5; }
  .ribbonTtl h2 span:before { left: 0; border-width: 11px 0 0 20px; }
  .ribbonTtl h2 span:after { right: 0; border-width: 11px 20px 0 0; }
  /*テキスト*/
  .programDetail { width: 650px; float: left; }
  .programBg dl { background: url(/shared/jtele/gotosata/images/program_txt_bg.png) repeat-x left bottom; width: 660px; padding: 15px 0; }
  .programBg dt { border-left: solid 5px #393F96; color: #393F96; font-size: 14px; font-weight: bold; float: left; width: 176px; padding: 0 20px 0 10px; }
  .programBg dd { float: left; }
  .programPlace { background: url(/shared/jtele/gotosata/images/program_place_bg.png) repeat-x left 27px; font-size: 28px; padding: 0 4px; }
  .programPromo { font-size: 14px; font-weight: bold; width: 470px; }
  .programMessage { width: 470px; }
  .programBtn_area { text-align: center; margin-left: 175px; }
  .programBtn_area .programBtn { text-align: center; display: inline-block; vertical-align: middle; font-size: 2.0rem; line-height: 1.2; position: relative; background: #e73917; border-bottom: 2px solid #b3b2b2; }
  .programBtn_area .programBtn:hover { background: #eb573b; }
  .programBtn_area .programBtn a { width: 100%; height: 100%; padding: 15px 50px 15px 50px; font-weight: bold; display: inline-block; background: none; border: none; font-size: 2rem; vertical-align: middle; color: #fff; /*高さ中央そろえ用*/ }
  .programBtn_area .programBtn a:before { position: absolute; content: ""; display: block; background: url(/shared/common/svg/64.svg) left top no-repeat; width: 9px; height: 14px; top: 50%; right: 10px; margin-top: -7px; }
  .programBtn_area .programBtn a:after { content: ""; height: 100%; vertical-align: middle; width: 0px; display: inline-block; }
  .programBtn_area .programBtn a:hover { text-decoration: none; }
  .programBtn_area .programBtn_inner-text { position: relative; padding-left: 17px; }
  .programBtn_area .programBtn_inner-text:before { content: ""; display: block; position: absolute; top: 50%; left: -33px; background-image: url(/shared/common/svg/03_3.svg); background-position: 0 0; background-repeat: no-repeat; background-size: 24px auto; width: 24px; height: 24px; margin-top: -12px; }
  .noneBoder { background: none !important; margin-bottom: 20px; }
  .programDetail .linkArea { word-wrap: break-word; display: block; padding: 10px 0; }
  .programDetail .linkArea a { color: #393f96 !important; text-decoration: underline; font-size: 14px; }
  .programDetail .linkArea a:hover { text-decoration: none; }
  /*ゲスト*/
  .programGuest { background: url(/shared/jtele/gotosata/images/program_guest_b.png) no-repeat left bottom; padding-bottom: 18px; width: 226px; float: right; }
  .programGuestBox { background: url(/shared/jtele/gotosata/images/program_guest_m.png) repeat-y left top; padding: 0 14px; }
  .programGuest h3 { background: url(/shared/jtele/gotosata/images/program_guest_t.png) no-repeat left top; text-indent: -9999px; width: 226px; height: 53px; }
  .programGuest h3.event { background: url(/shared/jtele/gotosata/images/program_guest_t_event.png) no-repeat left top; text-indent: -9999px; width: 226px; height: 68px; }
  .programGuest h3.nonTtl { background: url(/shared/jtele/gotosata/images/program_guest_t_non.png) no-repeat left top; height: 40px; }
  /* 　今後の放送内容 --------------------------------------*/
  #planArea { max-width: 960px; margin: 0 auto; padding: 40px 0 0 0; }
  #planArea h2 { font-size: 28px; font-weight: bold; text-align: center; padding-bottom: 5px; }
  #planArea #table { border-left: solid 2px #FFF; }
  #planArea dl { float: left; width: 318px; margin: 0 !important; font-size: 14px; }
  #planArea dt { font-weight: bold; font-size: 16px; text-align: center; border-top: solid 2px #FFF; border-right: solid 2px #FFF; padding: 8px 8px 8px 12px; color: #333; background: rgba(255, 255, 255, 0.5); }
  #planArea dd { border-right: solid 2px #FFF; border-bottom: solid 2px #FFF; border-top: solid 2px #FFF; padding: 8px 8px 8px 12px; color: #333; background: rgba(255, 255, 255, 0.2); }
  #planArea dd span { letter-spacing: 0.11em; }
  /* 　番組紹介・番組MC --------------------------------------*/
  #introduction { background: url(/shared/jtele/gotosata/images/intro_bg.gif) repeat left top; padding: 50px 0; }
  #introBox { width: 968px; margin: 0 auto; position: relative; background: url(/shared/jtele/gotosata/images/intro_bg_t.png) no-repeat left top; padding-top: 43px; z-index: 0; }
  #introBoxB { background: url(/shared/jtele/gotosata/images/intro_bg_b.png) no-repeat left bottom; padding-bottom: 43px; position: relative; }
  #introBoxDetail { background: url(/shared/jtele/gotosata/images/intro_bg_m.png) repeat-y left top; padding: 20px 0 0 0; }
  /*#introBox h2 { position: absolute; top: -70px; left: 254px; width: 432px; height: 56px; background: url(/shared/jtele/gotosata/images/program_ttl.png) no-repeat left top; text-align: center; line-height: 47px; font-size: 28px; font-weight: bold; }*/
  #introBox .ribbonTtl { top: -61px; }
  #introTxt { background: url(/shared/jtele/gotosata/images/intro_txt.gif) no-repeat left top; width: 601px; height: 90px; margin: 0 auto 30px auto; text-indent: -9999px; }
  #introJws { float: left; width: 430px; padding: 0 30px 0 43px; }
  #introJws img { margin-bottom: 10px; }
  #introMc { float: left; width: 191px; }
  #introMc #gotosataLogo { width: 156px; height: auto; padding-left: 17px; }
  #introMc h3 { background: url(/shared/jtele/gotosata/images/intro_mc_ttl.gif) no-repeat left top; width: 191px; height: 16px; }
  #introMc h3 span { background: #fff; padding: 0 10px 0 0; }
  #introMc p { font-size: 12px; padding-top: 10px; }
  #introMc p span { font-size: 28px; font-weight: bold; }
  #imgYagi { position: absolute; bottom: 2px; right: 40px; }
  #introduction ul { width: 530px; margin: 30px auto 0 auto; }
  #introduction ul li { display: inline-block; vertical-align: top; width: 255px; }
  #introduction ul li a.jwsBtn { background-color: #E45422; width: 255px; height: 42px; border-radius: 5px; /* CSS3草案 */ -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ color: #FFF !important; display: block; font-size: 14px; font-weight: bold; line-height: 42px; text-align: center; position: relative; }
  #introduction ul li a.jwsBtn:hover { text-decoration: none !important; background-color: #BD4117; }
  #introduction ul li a.skytreeBtn { background-color: #64B429; width: 255px; height: 42px; border-radius: 5px; /* CSS3草案 */ -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ color: #FFF !important; display: block; font-size: 14px; font-weight: bold; line-height: 42px; text-align: center; margin-left: 20px; position: relative; }
  #introduction ul li a.skytreeBtn:hover { text-decoration: none !important; background-color: #539522; }
  /* 　過去のバックナンバー --------------------------------------*/
  #archiveArea { width: 1040px; margin: 0 auto; padding: 40px 0 0 0; }
  #archiveArea li { display: inline-block; width: 460px; text-align: center; margin: 0 0 20px 40px; }
  #archiveArea li a { display: block; padding: 10px; color: #333; border-radius: 5px; border: 3px solid #fff; color: #333 !important; font-size: 120%; box-sizing: border-box; font-weight: bold; background: rgba(255, 255, 255, 0.7); position: relative; }
  #archiveArea li a:before { content: ""; display: block; position: absolute; width: 9px; height: 14px; top: 50%; margin-top: -7px; right: 10px; background: url(/shared/common/svg/65_3.svg) left top no-repeat; }
  #archiveArea li a:hover { text-decoration: none; background: rgba(255, 255, 255, 0.3); } }
  /* 　2019年1月～ キャンペーン用レイアウト --------------------------------------*/
.bnr_gtsCP {max-width:100%; text-align:center; margin-top:15px;
}


@media screen and (max-width: 767px) { /* SPスタイル --------------------------------------*/
  /* 　TOPイメージ --------------------------------------*/
  #Main { background-color: #B3E3FD; padding-top: 0; }
  #Cont { background: url(/shared/jtele/gotosata/images/sp/sp_topimg_bg.png) no-repeat left top; background-size: contain; }
  #mainBgBottom { background: url(/shared/jtele/gotosata/images/main_bg_b.png) no-repeat left bottom; background-size: contain; padding-bottom: 5%; }
  #topArea { background: url(/shared/jtele/gotosata/images/sp/sp_topimg.png) no-repeat left 3%; background-size: contain; padding-top: 3%; }
  #gotosataLogoTop { width: 22%; margin: 2% 0 5% 1%; }
  #topIntro { text-indent: -9999px; background: none; display: none; }
  /* 　ナビボタン --------------------------------------*/
  #topArea ul { display: table; table-layout: fixed; width: 100%; position: relative; top: 0; }
  #topArea ul li { display: table-cell; overflow: hidden; height: 0; margin: 0 !important; padding: 0; line-height: 0; list-style-type: none; float: none; }
  #topArea ul li a { height: 0; overflow: hidden; padding-top: 38.5%; display: block; font-size: 5px; text-indent: -9999px; }
  #topArea ul li a#naviTop01 { background: url(/shared/jtele/gotosata/images/sp/sp_btn_program.jpg) no-repeat left top; background-size: contain; }
  #topArea ul li a#naviTop02 { background: url(/shared/jtele/gotosata/images/sp/sp_btn_intro.jpg) no-repeat left top; background-size: contain; }
  #topArea ul li a#naviTop03 { background: url(/shared/jtele/gotosata/images/sp/sp_btn_backnumber.jpg) no-repeat left top; background-size: contain; }
  #topArea p a#naviTop04 { background: url(/shared/jtele/gotosata/images/sp/sp_btn_message.png) no-repeat left top; background-size: contain; text-indent: -9999px; display: block; width: 100%; padding-top: 15%; height: 0; margin-top: 10px; }
  #topArea p#naviTop04none { background: url(/shared/jtele/gotosata/images/sp/sp_btn_message_none.png) no-repeat left top; background-size: contain; text-indent: -9999px; display: block; width: 100%; padding-top: 15%; height: 0; margin-top: 10px; }
  /*バックナンバー用*/
  #topArea ul li a#navibn01 { background: url(/shared/jtele/gotosata/images/sp/sp_btn_program.jpg) no-repeat left top; background-size: contain; }
  #topArea ul li a#navibn02 { background: url(/shared/jtele/gotosata/images/sp/sp_btn_intro.jpg) no-repeat left top; background-size: contain; }
  #topArea ul li#navibn03on { height: 0; overflow: hidden; padding-top: 38.5% !important; display: block; font-size: 5px; text-indent: -9999px; background: url(/shared/jtele/gotosata/images/sp/sp_btn_backnumber_on.jpg) no-repeat left top; background-size: contain; }
  h2#bnTitle { background: url(/shared/jtele/gotosata/images/sp/sp_bn_ttl.png) no-repeat center top; background-size: contain; text-indent: -9999px; width: 100%; padding-top: 16% !important; margin-top: 0px !important; }
  #bnTtlArea { background: rgba(255, 255, 255, 0.2); border-top: solid 3px #FFF; border-bottom: solid 3px #FFF; margin: 10px 10px 30px 10px; padding: 5px 0 10px 0; position: relative; text-align: center; }
  h2#bnDateTtl { background: url(/shared/jtele/gotosata/images/sp/sp_bn_ttl_date.png) no-repeat center top; text-indent: -9999px; margin-top: 0px !important; height: 35px; margin-bottom: 10px; }
  #bnTtlDate { display: inline-block; }
  #bnTtlDate span { border-radius: 7px; color: #FFF !important; display: block; font-size: 12px; font-weight: bold; padding: 5px 7px; background-color: #393f96; letter-spacing: 0.1em; }
  /* 　放送内容 --------------------------------------*/
  #program { width: 100%; margin: 0 auto; padding: 30px 0 0 0; }
  .programBg { background: url(/shared/jtele/gotosata/images/program_bg.png) repeat left top; padding: 10px 0; }
  #program .programBg { margin-top: 0px; }
  #backnumber .programBg { margin-top: 50px; }
  #backnumber .programBg:first-child { margin-top: 0px; }
  .programBg .programBox { background-color: #FFFEDF; position: relative; padding: 20px 10px 10px 10px; z-index: 0; }
  .programTwitter {max-width: 100%; margin-top: 20px;}
  /*.programBg h2 { position: absolute; top: -30px; left: 0; width: 100%; background: url(/shared/jtele/gotosata/images/program_ttl.png) no-repeat center top; background-size: 320px 40px; text-align: center; font-size: 18px; font-weight: bold; line-height: 35px; padding-bottom: 8px; }*/
  .ribbonTtl { position: absolute; left: 0; top: -30px; width: 100%; text-align: center; }
  .ribbonTtl h2 { display: inline-block; font-size: 18px; outline: none; padding: 2px 20px; position: relative; background-color: #ffd602; min-width: 240px; text-align: center; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
  .ribbonTtl h2:before, .ribbonTtl h2:after { content: ""; position: absolute; display: block; bottom: -7px; border: 0.8em solid #F5C300; z-index: -1; }
  .ribbonTtl h2:before { left: -20px; border-right-width: 25px; border-left-color: transparent; }
  .ribbonTtl h2:after { right: -20px; border-left-width: 25px; border-right-color: transparent; }
  .ribbonTtl h2 span:before, .ribbonTtl h2 span:after { content: ""; position: absolute; display: block; border-style: solid; border-color: #CD9A01 transparent transparent transparent; bottom: -7px; z-index: 5; }
  .ribbonTtl h2 span:before { left: 0; border-width: 7px 0 0 20px; }
  .ribbonTtl h2 span:after { right: 0; border-width: 7px 20px 0 0; }
  /*テキスト*/
  .programBg dl { background: url(/shared/jtele/gotosata/images/program_txt_bg.png) repeat-x left bottom; width: 100%; padding: 10px 0; }
  .programBg dt { border-left: solid 5px #393F96; color: #393F96; font-size: 14px; font-weight: bold; padding-left: 10px; }
  .programBg dd { padding-top: 5px; }
  .programPlace { background: url(/shared/jtele/gotosata/images/program_place_bg.png) repeat-x left 32px; font-size: 28px; padding: 0 4px; display: inline-block; }
  .programPromo { font-size: 14px; font-weight: bold; }
  .programBtn_area { text-align: center; font-size: 14px; font-weight: bold; margin: 20px auto 20px; }
  .programBtn_area .programBtn { width: auto; border-radius: 5px; border: 2px solid #fff; display: inline-block; background: #e73917; margin-bottom: 20px; }
  .programBtn_area .programBtn a { display: inline-block; font-size: 1.6rem; font-weight: bold; height: 100%; padding: 13px 25px; color: #FFF !important; position: relative; }
  .programBtn_area .programBtn a:before { position: absolute; content: ""; display: block; background: url(/shared/common/svg/64.svg) left top no-repeat; width: 9px; height: 14px; top: 50%; right: 10px; margin-top: -7px; }
  .programBtn_area .programBtn_inner-text { position: relative; padding-left: 27px; padding-right: 12px; }
  .programBtn_area .programBtn_inner-text:before { content: ""; display: block; position: absolute; top: 50%; left: -13px; background-image: url(/shared/common/svg/03_3.svg); background-position: 0 0; background-repeat: no-repeat; background-size: 20px auto; width: 20px; height: 20px; margin-top: -10px; }
  .noneBoder { background: none !important; margin-bottom: 20px; }
  .programDetail .linkArea { padding: 10px 0; word-wrap: break-word; display: block; }
  .programDetail .linkArea a { color: #393f96 !important; text-decoration: underline; }
  .programDetail .linkArea a:hover { text-decoration: none; }
  /*ゲスト*/
  .programGuest { background: #fff; padding-bottom: 0; width: 100%; position: relative; margin-bottom: 20px; z-index: 2; padding-top: 26px; margin-top: 32px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); /*&:before { left: 10px; transform: rotate(-4deg); }*/ }
  .programGuest.nonTtl { margin-top: 0; padding-top: 10px; }
  .programGuest:before, .programGuest:after { z-index: -1; position: absolute; display: block; content: ""; bottom: 38px; left: 10px; width: 50%; height: 50%; background: transparent; box-shadow: 0 37px 5px rgba(0, 0, 0, 0.1); -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); }
  .programGuest:after { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); right: 10px; left: auto; }
  .programGuestBox { background: #fff; padding: 10px; margin: 0; position: relative; }
  .programGuest h3 { background: url(/shared/jtele/gotosata/images/sp/sp_guest_ttl.png) no-repeat left top; background-size: cover; text-indent: -9999px; height: 0; padding-top: 57px; width: 300px; margin: 0; position: absolute; left: 0; top: -33px; z-index: 3; }
  .programGuest h3.event { background: url(/shared/jtele/gotosata/images/sp/sp_guest_ttl_event.png) no-repeat left top; background-size: cover; text-indent: -9999px; height: 0; padding-top: 63px; width: 300px; margin: 0; position: absolute; left: 0; top: -30px; z-index: 3; }
  .programGuest h3.nonTtl { background: none; padding-top: 0; display: none; }
  .programGuest img { width: 32%; float: left; margin: 0 0 0 0; }
  .programGuest p { width: 63%; float: right; font-size: 14px; }
  .txtRight { color: #777; font-size: 10px; margin: 0 auto; padding-top: 10px; text-align: right; }
  /* 　今後の放送内容 --------------------------------------*/
  #planArea { padding: 30px 10px 0 10px; }
  #planArea h2 { font-size: 18px; font-weight: bold; text-align: center; padding-bottom: 5px; }
  #planArea dl { border-top: solid 2px #FFF; border-left: solid 2px #FFF; border-right: solid 2px #FFF; width: 100%; }
  #planArea dt { font-weight: bold; font-size: 16px; text-align: center; padding: 8px 8px 8px 12px; color: #333; background: rgba(255, 255, 255, 0.5); }
  #planArea dd { font-size: 14px; border-top: solid 2px #FFF; padding: 8px 8px 8px 12px; color: #333; background: rgba(255, 255, 255, 0.2); }
  #planArea dl:last-child { border-bottom: solid 2px #FFF; }
  /* 　番組紹介・番組MC --------------------------------------*/
  #introduction { background: url(/shared/jtele/gotosata/images/intro_bg.gif) repeat left top; padding-bottom: 30px; }
  #introBox { padding-top: 5%; z-index: 0; }
  #introBoxB { position: relative; z-index: 0; }
  #introBoxDetail { background: #FFF; padding: 20px 10px 10px 10px; border: solid 3px #B3E3FD; margin: 20px 10px 30px 10px; z-index: 0; position: relative; }
  /* #introBox h2 { position: absolute; top: -20px; left: 0; width: 100%; background: url(/shared/jtele/gotosata/images/program_ttl.png) no-repeat center top; background-size: 320px 40px; text-align: center; font-size: 18px; font-weight: bold; line-height: 35px; padding-bottom: 8px; }*/
  #introBox .ribbonTtl { top: -23px; }
  #introTxt { font-weight: bold; padding: 10px; font-size: 110%; margin-left: 100px; min-height: 130px; }
  #introJws { padding: 0 10px 10px; }
  #introJws img { margin-bottom: 5px; }
  #introJws .strong { font-weight: bold; }
  #introMc { padding-right: 115px; }
  #introMc #gotosataLogo { width: 100px; position: absolute; top: 30px; left: 20px; }
  #introMc h3 { font-weight: bold; font-size: 14px; background: url(/shared/jtele/gotosata/images/intro_mc_ttl.gif) repeat-x left center; }
  #introMc h3 span { background: #fff; padding: 0 10px 0 0; }
  #introMc p { font-size: 12px; padding-top: 10px; }
  #introMc p span { font-weight: bold; }
  #imgYagi { width: 100px; position: absolute; right: 10px; bottom: 3px; }
  #introduction ul { width: 255px; margin: 0 auto; }
  #introduction ul li { width: 255px; margin-top: 20px; }
  #introduction ul li a.jwsBtn { background-color: #E45422; width: 255px; height: 42px; border-radius: 5px; color: #FFF !important; display: block; font-size: 14px; font-weight: bold; line-height: 42px; text-align: center; }
  #introduction ul li a.skytreeBtn { background-color: #64B429; width: 255px; height: 42px; border-radius: 5px; color: #FFF !important; display: block; font-size: 14px; font-weight: bold; line-height: 42px; text-align: center; }
  /* 　過去のバックナンバー --------------------------------------*/
  #archiveArea { padding: 30px 10px 0 10px; }
  #archiveArea li { text-align: center; margin-bottom: 20px; }
  #archiveArea li a { display: block; padding: 10px; color: #333; border-radius: 5px; border: solid 3px #FFF; position: relative; color: #333 !important; font-size: 1.6rem; box-sizing: border-box; background: rgba(255, 255, 255, 0.7); }
  #archiveArea li a:before { content: ""; display: block; position: absolute; width: 9px; height: 14px; top: 50%; margin-top: -7px; right: 10px; background: url(/shared/common/svg/65_3.svg) left top no-repeat; }
  #archiveArea li a:hover { text-decoration: none; background: rgba(255, 255, 255, 0.3); } }