@charset "euc-jp";
@import "reset.css";
@import "jquery.mmenu.all.css";
body {
  max-width: 750px;
  margin: 0 auto;
  font: 14px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "Helvetica", "sans-serif";
  -webkit-text-size-adjust: 100%;
  background: #fff;
  color: #333;
}
header.home {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
header aside {
  padding: 5px 0;
  margin: 0 auto;
  z-index: 9999;
}
header aside .menubtn {
  float: left;
  text-align: left;
  width: 20%;
  padding: 0 0 0 10px;
}

header aside .logo-group {
  width: 68%;
  float: right;
  text-align: center;
  padding: 2px 10px 0 0;
}

header aside p.osaka {
  width: 30%;
  float: right;
  padding: 0 0 0 0;
  text-align: right;
}
header aside p.tokyo {
  width: 35%;
  float: right;
  padding: 3% 0 0 0;
  text-align: right;
}

header aside .menubtn img {
  width: 100%;
  height: auto;
  padding: 5px 0 0 0;
}
header aside p img {
  width: 80%;
  height: auto;
}
header h1 {
  border-top: 1px dashed #ccc;
  clear: both;
  text-align: center;
  padding: 0 0 7% 0;
}
header h1 img {
  width: 100%;
  height: auto;
}
header h2 {
  display: none;
}
header .inner {
  background: #cb021d;
}
/* ///////////////////////////////////////////////////////////////////
info
/////////////////////////////////////////////////////////////////// */
section#info {
  clear: both;
  width: 93%;
  background: #dff5f5;
  border: 1px dotted #349999;
  margin: 0px auto 5%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
section#info h3 {
  padding: 5px 8px 10px 8px;
  padding: 0 0 10px 0;
}
section#info h3 img {
  width: 35%;
  height: auto;
  border-top-left-radius: 5px;
}
section#info h4 {
  color: #349999
  font-size: 110%;
  display: inline-block;
  padding: 5px 8px 10px 8px;
}
section#info .detail {
  background: url(../../img/bg_slash_pink.gif);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 5px 10px 10px 10px;
}
section#info .detail .photo {
  width: 30%;
  float: right;
}
section#info .detail .photo img {
  width: 100%;
  height: auto;
}
section#info .detail dl {
  float: left;
  width: 68%;
}
section#info .detail dt {
  color: #349999;
  padding: 0 0 10px 0;
}
section#info .detail dd.text {
  line-height: 1.5;
  overflow: hidden;
  height: 6em;
  margin: 0 0 10px 0;
}
section#info .detail dd.text a:link {
  color: #333;
}
section#info .detail dd.text a:visited {
  color: #333;
}
section#info .detail dd.text a:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE5.5+ */
}
section#info .detail dd.full {
  height: 100%;
}
section#info .detail dd.toggle {
  text-indent: -1000em;
  text-decoration: none;
  background: url(../../img/btn_more_pink.png) no-repeat;
  background-size:100%;
  width: 90px;
  height: 25px;
  cursor: pointer;
}
section#info .detail dd.open {
  text-indent: -1000em;
  text-decoration: none;
  background: url(../../img/btn_close_pink.png) no-repeat;
  background-size:100%;
  width: 65px;
  height: 25px;
}
section#info .txt {
  padding: 0 0;
}
section#info .txt .ph {
  float: right;
}
section#info .txt .ph img {
  width: 200px;
  height: auto;
}
section#info .more a {
  color: #349999;
  font-weight: bold;
}

/* ///////////////////////////////////////////////////////////////////
topBnr
/////////////////////////////////////////////////////////////////// */
.topBnr{
  text-align: center;
  padding:4% 0 0 0;
}
.topBnr ul{
  list-style:none;
  text-align:center;
}

.topBnr img {
  width: 92%;
  height: auto;
}

/* ///////////////////////////////////////////////////////////////////
bnr-special-week
/////////////////////////////////////////////////////////////////// */
.bnr-special-week {
  text-align: center;
  margin: 0 0 5% 0;
}
.bnr-special-week img {
  width: 92%;
  height: auto;
  border: 1px solid #ccc;
}

/* ///////////////////////////////////////////////////////////////////
bnr-event-live
/////////////////////////////////////////////////////////////////// */
.bnr-event-live {
  text-align: center;

}
.bnr-event-live img {
  width: 92%;
  height: auto;
  border: 1px solid #ccc;
  margin: 0 0 5% 0;
}
/* ///////////////////////////////////////////////////////////////////
bnr-ecc
/////////////////////////////////////////////////////////////////// */
.bnr-ecc{
  text-align: center;

}
.bnr-ecc img {
  width: 92%;
  height: auto;
  border: 1px solid #ccc;
  margin: 0 0 5% 0;
}


/* ///////////////////////////////////////////////////////////////////
#message
/////////////////////////////////////////////////////////////////// */
#message {
  text-align: center;
  padding: 0 0 5% 0;
}
#message img {
  width: 92%;
  height: auto;
}
#vote-bnr {
  text-align: center;
}
#vote-bnr img {
  display: block;
  width: 94%;
  max-width: 480px;
  height: auto;
  margin: 0 auto 15px;
}

/* ///////////////////////////////////////////////////////////////////
thumb-sp
/////////////////////////////////////////////////////////////////// */
.thumb-sp {
  text-align: center;
}
.thumb-sp ul li {
  list-style: none;
}
.thumb-sp ul li h4 {
  font-weight: bold;
  font-size: 110%;
  text-align: left;
}
.thumb-sp ul li.txt h4 a {
  text-decoration: none;
  color: #333;
}
.thumb-sp ul.c1,
.thumb-sp ul.c2,
.thumb-sp ul.c3,
.thumb-sp ul.c4,
.thumb-sp ul.c5,
.thumb-sp ul.c6,
.thumb-sp ul.c7,
.thumb-sp ul.c8 {
  width: 92%;
  display: block;
  margin: 0 auto 5%;
  float: none;
}
.thumb-sp ul.c1 li.photo img,
.thumb-sp ul.c2 li.photo img,
.thumb-sp ul.c3 li.photo img,
.thumb-sp ul.c4 li.photo img,
.thumb-sp ul.c5 li.photo img,
.thumb-sp ul.c6 li.photo img,
.thumb-sp ul.c7 li.photo img,
.thumb-sp ul.c8 li.photo img {
  width: 100%;
  height:280px;
  object-fit: contain;
}
.thumb-sp ul.c1 li.txt h4,
.thumb-sp ul.c2 li.txt h4,
.thumb-sp ul.c3 li.txt h4,
.thumb-sp ul.c4 li.txt h4 {
  width: 98%;
  background: #30c1c1;
  color: #fff;
  padding: 1% 1% 1% 1%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  position: relative;
  top: -4px;
}
.thumb-sp ul.c5 li.txt h4,
.thumb-sp ul.c6 li.txt h4,
.thumb-sp ul.c7 li.txt h4,
.thumb-sp ul.c8 li.txt h4 {
  text-align: left;
  padding: 0 1% 0 1%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.thumb-sp ul.c1 li.txt,
.thumb-sp ul.c2 li.txt,
.thumb-sp ul.c3 li.txt,
.thumb-sp ul.c4 li.txt,
.thumb-sp ul.c5 li.txt,
.thumb-sp ul.c6 li.txt,
.thumb-sp ul.c7 li.txt,
.thumb-sp ul.c8 li.txt {
  padding: 0;
  margin: 0;
}
.thumb-sp ul.c1 li.txt h4 a,
.thumb-sp ul.c2 li.txt h4 a,
.thumb-sp ul.c3 li.txt h4 a,
.thumb-sp ul.c4 li.txt h4 a {
  color: #fff;
}
.thumb-sp ul.c1 li.txt div,
.thumb-sp ul.c2 li.txt div,
.thumb-sp ul.c3 li.txt div,
.thumb-sp ul.c4 li.txt div,
.thumb-sp ul.c5 li.txt div,
.thumb-sp ul.c6 li.txt div,
.thumb-sp ul.c7 li.txt div,
.thumb-sp ul.c8 li.txt div {
  display: none;
}
.thumb-sp ul.c1 li.photo,
.thumb-sp ul.c2 li.photo,
.thumb-sp ul.c3 li.photo,
.thumb-sp ul.c4 li.photo,
.thumb-sp ul.c5 li.photo,
.thumb-sp ul.c6 li.photo,
.thumb-sp ul.c7 li.photo,
.thumb-sp ul.c8 li.photo {
  width: 100%;
  text-align: center;
  background: url(../../img/thumb_bg.png);
  background-size:100%;
}
.thumb-sp ul.c9 {
  width: 90%;
  margin: 0 auto;
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  padding: 20px 0 20px 0;
}

.thumb-sp ul.c10,
.thumb-sp ul.c11,
.thumb-sp ul.c12 {
  width: 90%;
  margin: 0 auto;
  border-bottom: 1px dashed #000;
  padding: 20px 0 20px 0;
}
.thumb-sp ul.c9 li.photo,
.thumb-sp ul.c10 li.photo,
.thumb-sp ul.c11 li.photo,
.thumb-sp ul.c12 li.photo {
  width: 20%;
  text-align: center;
  background: url(../../img/thumb_bg.png) repeat-y;
  background-size: 100%;
  float: left;
}
.thumb-sp ul.c9 li.txt,
.thumb-sp ul.c10 li.txt,
.thumb-sp ul.c11 li.txt,
.thumb-sp ul.c12 li.txt {
  width: 77%;
  margin: 0 0 0 3%;
  line-height: 1.4em;
  text-align: left;
  float: left;
}
.thumb-sp ul.c9 li.txt a,
.thumb-sp ul.c10 li.txt a,
.thumb-sp ul.c11 li.txt a,
.thumb-sp ul.c12 li.txt a {
  color: #30c1c1;
  font-size: 85%;
}
.thumb-sp ul.c9 li.txt h4,
.thumb-sp ul.c10 li.txt h4,
.thumb-sp ul.c11 li.txt h4,
.thumb-sp ul.c12 li.txt h4 {
  width: 98%;
  padding: 0 1% 3% 1%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.thumb-sp ul.c9 li.txt h4 a,
.thumb-sp ul.c10 li.txt h4 a,
.thumb-sp ul.c11 li.txt h4 a,
.thumb-sp ul.c12 li.txt h4 a {
  color: #333;
  line-height: 1.3em;
}
.thumb-sp ul.c9 li.photo img,
.thumb-sp ul.c10 li.photo img,
.thumb-sp ul.c11 li.photo img,
.thumb-sp ul.c12 li.photo img {
  width: 100%;
  height: auto;
}

/* ///////////////////////////////////////////////////////////////////
onair
/////////////////////////////////////////////////////////////////// */
.spotify{
   display:block;
   width:90%;
   margin:0 auto;
   padding:5% 0 5% 0;
}

/* ///////////////////////////////////////////////////////////////////
onair
/////////////////////////////////////////////////////////////////// */
section#onair {
  width: 100%;
  line-height: 1.5em;
  padding:0 0 0 0;
}
section#onair h3 {
  text-align: center;
  padding: 0;
  margin: 0 0 5% 0;
  background: #30c1c1;
  color: #fff;
  text-align: left;
  line-height: 0.9em;
}
section#onair h3 img {
  width: 40%;
  min-width: 150px;
  height: auto;
  position: relative;
  padding: 1px 0 0 0;
  margin: 0;
}

section#onair h3.mommy img {
  width: 75%;
  height: auto;
}

section#onair p {
  text-align: center;
  padding: 0 0 10px 0;
}
section#onair p img {
  width: 90%;
  height: auto;
}

#onair p.lead {
  font-size: 110%;
  padding: 0 0 10px 10px;
  margin: 0 0 20px 0;
  font-weight: bold;
  border-bottom: 4px dashed #000;
  text-align: left;
}

section#onair article {
  width: 95%;
  margin: 0 auto 5%;
  padding: 0 0 5% 0;
  border-bottom: 1px solid #000;
}
section#onair article h4 {
  width: 100%;
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #000;
  z-index: 0;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  line-height: 1.3em;
  color: #000;
}
section#onair article h4 a {
  color: #000;
  font-size: 110%;
  font-weight: bold;
}

section#onair article .txt {
  clear: both;
  text-align: left;
  padding: 10px 0 0 0;
}

section#onair article .txt img {
  width: 100%;
  height:280px;
  object-fit: contain;
  display: block;
  margin: 20px auto 20px;
  background: url(../../img/thumb_bg.png);
  background-size:100%;
}

section#onair article .morelink {
  text-align: left;
}

section#onair article .morelink a {
  color: #000;
  font-size: 85%;
  font-weight: bold;
  text-decoration: underline;
}

article .date {
  float: right;
  text-align: right;
  font-size: 85%;
  color: #000;
  padding: 0 10px 5px 25px;
  background: url(../../img/point.png) no-repeat;
  background-size:20px;
}
article .date a {
  color: #000;
  text-decoration: underline;
}

section#onair article.cat748 {
  width: 90%;
  margin: 0 auto 20px;
  border-bottom: 1px dotted #30c1c1;
  background: #fbf0f4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
section#onair article.cat748 h4 {
  color: #30c1c1;
  padding: 15px 0 10px 0;
  border-bottom: 1px solid #30c1c1;
}

section#onair article.cat748 h4 a {
  display: block;
  padding: 0 15px 0 15px;
}

section#onair article.cat748 .txt {
  padding: 0px 30px 20px 30px;
}

section#onair article span.large {
  font-size: 120%;
  font-weight: bold;
}

section#onair article span.url {
  color: #30c1c1;
}

section#onair article span.url a {
  color: #30c1c1;
  text-decoration: underline;
}

ul.sbpost {
  width: 280px;
  clear: both;
  padding: 20px 5px 5px;
  text-align: center;
  margin: 0 auto 20px;
}

ul.sbpost li {
  float: left;
  margin-right: 20px;
  list-style-type: none;
}
ul.sbpost li.line {
  margin-right: 0;
}

/* ///////////////////////////////////////////////////////////////////
tw
/////////////////////////////////////////////////////////////////// */
section#tw {
  clear: both;
  width: 93%;
  padding: 0 0 10px 0;
  border: 1px solid #00a7e9;
  margin: 20px auto 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
section#tw h3 {
  padding: 5px 8px 10px 8px;
  padding: 0 0 10px 0;
}
section#tw h3 img {
  width: 43%;
  height: auto;
}

#tw p {
  text-align: center;
}

#tw p img {
  width: 90%;
  height: auto;
}
#staff {
  width: 90%;
  background: #292f33;
  margin: 0 auto 5%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#staff h3 {
  color: #fff;
  text-align: center;
  font-size: 140%;
  background:#0298d3;
  padding: 10px 0 10px 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#staff h3 img{
  width: 43%;
  height: auto;
  border-top-left-radius: 5px;
}
.clock{
  width: 90%;
  margin: 0 auto 5%;
}
/* ///////////////////////////////////////////////////////////////////
dj
/////////////////////////////////////////////////////////////////// */
#dj {
  text-align: center;
  padding: 5% 0 5% 0;
}

#dj img {
  width: 90%;
  height: auto;
  border: 1px solid #b599d2;
}


/* ///////////////////////////////////////////////////////////////////
bnr
/////////////////////////////////////////////////////////////////// */
#bnr_300-250 {
  text-align: center;
  padding: 5% 0 0 0;
}

#bnr_300-250 ul li {
  padding: 0 0 5% 0;
  list-style: none;
  text-align: center;
}

#bnr_300-250 ul li:last-child {
  padding: 0 0 0 0;
}

#bnr_300-250 ul li img {
  width: 80%;
  height: auto;
  border: 1px solid #ccc;
}

/* ///////////////////////////////////////////////////////////////////
.search-area
/////////////////////////////////////////////////////////////////// */
.search-area {
  width: 90%;
  height: 30px;
  margin: 0 auto 7%;

  position: relative;
}
.formfield {
  width: 85%;
  height: 34px;
  position: absolute;
  left: 0px;
  top: 10px;
  margin: 0;
  border: 1px solid #000;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 0 5px 0 5px;
  outline: none;
  background: none;
  -webkit-appearance: none;
  font-size: 100%;
}
.formfield,
x:-moz-any-link {
  padding: 4px 30px 4px 4px;
}
.formbutton {
  background: url(../../img/search_btn.png) no-repeat center;
  background-size:100%;
  width: 37px;
  height: 37px;
  font-size: 0px;
  border: none;
  text-decoration: none;
  position: absolute;
  right: 0px;
  top: 7px;
  cursor: pointer;
}
/* ///////////////////////////////////////////////////////////////////
section#recent
/////////////////////////////////////////////////////////////////// */
section#recent {
  border-top: 3px solid #000;
  padding: 5% 0 5% 0;
}
section#recent h4 {
  width: 93%;
  margin: 0 auto 3%;
  color:  #000;
}
section#recent ul {
  list-style: none;
  width: 90%;
  margin: 0 auto;
}
section#recent ul li {
  padding: 10px 0 10px 15px;
  background: url(../../img/icon.png) no-repeat 0 13px;
  border-bottom: 1px dashed #ccc;
}
section#recent ul li:last-child {
  padding: 10px 0 10px 15px;
  border-bottom: none;
}
/* ///////////////////////////////////////////////////////////////////
section#recent
/////////////////////////////////////////////////////////////////// */
section#backnumber {
  border-top: 3px solid #000;
  padding: 5% 0 7% 0;
}
section#backnumber h4 {
  width: 93%;
  margin: 0 auto 3%;
  color: #000;
}
section#backnumber p {
  width: 93%;
  margin: 0 auto;
}
/*select*/
section#backnumber select {
  width: 100%;
  padding: 5px;
  margin: 0 5px 0px 0px;
  outline: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-overflow: "";
  background: #eee;
  font-size: 100%;
}
section#musictag {
  width: 93%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 0 auto;
  padding: 0 0 20px 0;
  border: 1px solid #30c1c1;
  position: relative;
}
section#musictag h3 {
  padding: 0 0 0 0;
}
section#musictag h3 img {
  width: 43%;
  height: auto;
}
section#musictag h4 {
  padding: 5px 8px 10px 8px;
  color: #30c1c1;
  font-size: 110%;
  line-height: 1.3em;
}
section#musictag h4 a {
  color: #30c1c1;
  font-weight: bold;
}
section#musictag .txt {
  padding: 5px 10px 10px 10px;
}
section#musictag .ph {
  text-align: center;
}
section#musictag .ph img {
  width: 90%;
  height: auto;
}
section#musictag .txt img {
  display: none;
}
section#musictag .txt a {
  text-decoration: underline;
}
section#musictag .more {
  padding: 5px 0 0 10px;
}

section#musictag .more a {
  color: #30c1c1;
  font-size: 90%;
}
/* ///////////////////////////////////////////////////////////////////
aside#sns
/////////////////////////////////////////////////////////////////// */
aside#sns {
  padding: 0 0 3%;
  text-align: center;
}
aside#sns dl dt {
  text-align: center;
  font-weight: bold;
  padding: 5px 7px 10px;

  border-bottom: 2px solid #000;
}
aside#sns dl dd {
  width: 11%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  padding: 12px 3px 5px 3px;
}
aside#sns dl dd img {
  width: 90%;
  max-width: 45px;
  height: auto;
}

aside#sns dl dd:last-child img{
  max-width: 35px;
}
/* ///////////////////////////////////////////////////////////////////
#wide 
/////////////////////////////////////////////////////////////////// */
#wide {
  width: 90%;
  margin: 0 auto 4%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #000;
}
#wide h3 {
  padding: 0 8px 10px 0;
}
#wide h3 img {
  width: 43%;
  height: auto;
  border-top-left-radius: 5px;
}


#wide ul {
  width: 95%;
  margin: 0 auto 0;
  padding: 0 8px 20px 8px;
}
#wide ul li {
  padding: 0 0 3px 15px;
  background: url(../../img/wide_icon.png) no-repeat 0 10px;
  list-style: none;
  line-height: 1.8;
}
/* cal */
#cal {
  width: 90%;
  margin: 0 auto 5%;
  padding: 0 0 5px 0;
  background: #787878;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#cal h3 {
  display: none;
}
#cal table {
  width: 100%;
  text-align: center;
  font-size: 14px;
  /*	border: 1px solid #989898;*/
  border-bottom: none;
  border-right: none;
  margin: 0 auto;
  color: #fff;
  background: #787878;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#cal th {
  font-size: 12px;
  padding: 5px 0 3px;
  /*	border: 1px solid #989898;*/
  font-weight: normal;
  color: #fff;
  background: #606060;
  text-align: center;
}
#cal caption a {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}
#cal caption {
  border: 1px solid #989898;
  border-bottom: none;
  padding: 10px 0;
  text-align: center;
  background: #939393;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz--border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz--border-top-left-radius: 5px;
}
#cal tr {
  height: 100%;
}
#cal td {
  /*	border-bottom: 1px solid #989898;
	border-right: 1px solid #989898;*/
  width: 45px;
  padding: 5px 0;
  text-align: center;
  line-height: 2em;
}
#cal .today {
}
#cal td a {
  display: block;
  border: 2px solid #fff;
  color: #fff;
  text-decoration: none;
  width: 60%;
  margin: 0 auto;
  border-radius: 50%;
  height: 27px;
  width: 27px;
}
#cal .today a {
  text-decoration: none;
  border: none;
  display: block;
  color: #fff;
  width: 60%;
  margin: 0 auto;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  background: #000;
}
#tfmplus,
#listen_tfm {
  clear: both;
}
/* ///////////////////////////////////////////////////////////////////
footer
/////////////////////////////////////////////////////////////////// */

footer {
  clear: both;
  width: 100%;
  padding: 0 0 11vh 0;
}
footer #pagetop img {
  width: 12%;
  max-width: 40px;
  height: auto;
}
footer p {
  clear: both;
  padding: 10px 0 10px;
  font-size: 80%;
  text-align: center;
}
footer p:last-child {
  margin: 0;
}
/* clearfix */
.clearfix:after {
  content: "."; /* 新しい要素を作る */
  display: block; /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.thumb-sp ul:after {
  content: "."; /* 新しい要素を作る */
  display: block; /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
/*
/* =========================================================
.pageswitch
========================================================= */
.pageswitch {
  clear: both;
  width: 300px;
  text-align: center;
  color: #333;
  margin: 0 auto;
}
.pageswitch a {
  border: 1px solid #999999;
  color: #333;
  padding: 3px 5px;
  margin: 3px;
  display: -moz-inline-box; /* for mozilla */
  display: inline-block; /* for Opera & Safari */
  zoom: 1; /* has layout */
  text-decoration: none;
}
.pageswitch strong {
  border: 1px solid #333333;
  color: #ffffff;
  padding: 3px 5px;
  margin: 3px;
  display: -moz-inline-box; /* for mozilla */
  display: inline-block; /* for Opera & Safari */
  zoom: 1; /* has layout */
}
/* =========================================================
social bookmark
========================================================= */

ul.sbpost {
  width: 280px;
  clear: both;
  padding: 20px 5px 5px 5px;
  text-align: center;
  margin: 0 auto 20px;
}
ul.sbpost li {
  float: left;
  margin-right: 20px;
  list-style-type: none;
}
ul.sbpost li.line {
  margin-right: 0px;
}
/* ----------------------------------------

textdecorations CSS テキスト装飾用CSS

 ----------------------------------------*/
a:link {
  color: #333;
  text-decoration: none;
}
a:visited {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #333;
  text-decoration: underline;
}
a:active {
  color: #333;
  text-decoration: underline;
}

a.btn-link-podcast {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  width: 80%;
  height: 70px;
  text-align: center;
  font-size: 16px;
  color: #FFFFFF;
  background: #13307F;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  margin: 0 auto 5%;
  text-decoration: none;
}