@charset "utf-8";

/*
Theme Name: Mediacross 2016 sp
Theme URI:
Description: The 2016 default theme for Mediacross.
Author: Mediacross
Author URI: http://medi-cro.jp/
Version: 2016.6
*/

/* icon font */
@font-face {
    font-family: 'icon-font';
    src: url("font/tsc.eot");
    src: url('font/tsc.woff') format('woff'),
        url('font/tsc.ttf') format('truetype'),
        url('font/tsc.svg#tsc') format('svg');
}

/* =============================================================  Reset and Utility.css  */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    overflow-y: scroll;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

input,
textarea {
    margin: 0;
    padding: 0;
    outline: none;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

caption,
th {
    text-align: left;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

*:focus {
    outline: none;
}

a {
    display: inline-block;
}

.clearfix {
    min-height: 1px;
}

.content-wrap::after,
.clearfix::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html .clearfix {
    height: 1px;
    /*Â¥*/
    /*/height: auto;overflow: hidden;/**/
}

.both {
    clear: both;
}

/* =============================================================  HTML,Body,Anchor*/
html {
    font-size: 62.5%;
    /* 10px */
    font-family: Lato, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    background-color: #fff;
    font-size: 1.4em;
    line-height: 1.25;
    color: #333;
    padding-top: 6rem;
}

#wrapper {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#ga {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    color: #f00;
    visibility: hidden;
}

/* =============================================================  loading  */
.fade-layer,
body.home:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/preloader_64.gif) #fff center center no-repeat;
    z-index: 99999;
}

body.home.fade-layer-off:before {
    content: none;
}

/* =============================================================  link  */
a,
button {
    transition: all .2s ease-out !important;
}

a:link,
a:visited {
    color: #333;
    text-decoration: none;
}

a:hover,
a:active {}

.text-link {
    color: #3498db !important;
}

.text-link:hover {
    opacity: .8;
    text-decoration: underline;
}

/* =============================================================  text  */
.content p {
    margin-bottom: 1.6em;
}

.txtC {
    text-align: center;
}

.txtL {
    text-align: left;
}

.txtR {
    text-align: right;
}

.red {
    color: #e74c3c;
}

.bold {
    font-weight: bold;
}

.tdu_b {
    text-decoration: underline dashed #6c3c0a;
}

.fs9 {
    font-size: 0.9rem;
    line-height: 1.4;
}

.fs10 {
    font-size: 1rem;
    line-height: 1.4;
}

.fs11 {
    font-size: 1.1rem;
    line-height: 1.4;
}

.fs12 {
    font-size: 1.2rem;
}

.fs13 {
    font-size: 1.3rem;
}

.fs16 {
    font-size: 1.6rem;
}

.fs18 {
    font-size: 1.8rem;
}

.fs21 {
    font-size: 2.1rem;
}

.fs24 {
    font-size: 2.4rem;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.disc>li {
    list-style-type: disc;
    margin-left: 2rem;
}

.circle>li {
    list-style-type: circle;
    margin-left: 2rem;
}

.decimal>li {
    list-style-type: decimal;
    margin-left: 2rem;
}

.kome>li {
    margin-left: 1em;
    position: relative;
}

.kome>li::before {
    content: "※";
    position: absolute;
    left: -1em;
}

.circled-decimal>li {
    margin: 0 1rem .5rem 0;
    margin-left: 1rem;
    position: relative;
}

.circled-decimal>li::before {
    position: absolute;
    left: -1em;
}

.circled-decimal>li.cirled-1::before {
    content: "â‘ ";
}

.circled-decimal>li.cirled-2::before {
    content: "â‘¡";
}

.w15p {
    width: 15%;
}

.w20p {
    width: 20%;
}

.w25p {
    width: 25%;
}

.w30p {
    width: 30%;
}

.w35p {
    width: 35%;
}

.w40p {
    width: 40%;
}

.w45p {
    width: 45%;
}

.w50p {
    width: 50%;
}

/* =============================================================  parts  */

.ma0 {
    margin: 0 !important;
}

/*space px*/
.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: .5rem !important;
}

.mt10 {
    margin-top: 1rem !important;
}

.mt15 {
    margin-top: 1.5rem !important;
}

.mt20 {
    margin-top: 2rem !important;
}

.mt25 {
    margin-top: 2.5rem !important;
}

.mt30 {
    margin-top: 3rem !important;
}

.mt35 {
    margin-top: 3.5rem !important;
}

.mt40 {
    margin-top: 4rem !important;
}

.mt45 {
    margin-top: 4.5rem !important;
}

.mt50 {
    margin-top: 5rem !important;
}

.mt100 {
    margin-top: 10rem !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: .5rem !important;
}

.mr10 {
    margin-right: 1rem !important;
}

.mr15 {
    margin-right: 1.5rem !important;
}

.mr20 {
    margin-right: 2rem !important;
}

.mr25 {
    margin-right: 2.5rem !important;
}

.mr30 {
    margin-right: 3rem !important;
}

.mr35 {
    margin-right: 3.5rem !important;
}

.mr40 {
    margin-right: 4rem !important;
}

.mr45 {
    margin-right: 4.5rem !important;
}

.mr50 {
    margin-right: 5rem !important;
}

.mr100 {
    margin-right: 10rem !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: .5rem !important;
}

.mb10 {
    margin-bottom: 1rem !important;
}

.mb15 {
    margin-bottom: 1.5rem !important;
}

.mb20 {
    margin-bottom: 2rem !important;
}

.mb25 {
    margin-bottom: 2.5rem !important;
}

.mb30 {
    margin-bottom: 3rem !important;
}

.mb35 {
    margin-bottom: 3.5rem !important;
}

.mb40 {
    margin-bottom: 4rem !important;
}

.mb45 {
    margin-bottom: 4.5rem !important;
}

.mb50 {
    margin-bottom: 5rem !important;
}

.mb60 {
    margin-bottom: 6rem !important;
}

.mb100 {
    margin-bottom: 10rem !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: .5rem !important;
}

.ml10 {
    margin-left: 1rem !important;
}

.ml15 {
    margin-left: 1.5rem !important;
}

.ml20 {
    margin-left: 2rem !important;
}

.ml25 {
    margin-left: 2.5rem !important;
}

.ml30 {
    margin-left: 3rem !important;
}

.ml35 {
    margin-left: 3.5rem !important;
}

.ml40 {
    margin-left: 4rem !important;
}

.ml45 {
    margin-left: 4.5rem !important;
}

.ml50 {
    margin-left: 5rem !important;
}

.ml100 {
    margin-left: 10rem !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: .5rem !important;
}

.pt10 {
    padding-top: 1rem !important;
}

.pt15 {
    padding-top: 1.5rem !important;
}

.pt20 {
    padding-top: 2rem !important;
}

.pt25 {
    padding-top: 2.5rem !important;
}

.pt30 {
    padding-top: 3rem !important;
}

.pt35 {
    padding-top: 3.5rem !important;
}

.pt40 {
    padding-top: 4rem !important;
}

.pt45 {
    padding-top: 4.5rem !important;
}

.pt50 {
    padding-top: 5rem !important;
}

.pt100 {
    padding-top: 10rem !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr5 {
    padding-right: .5rem !important;
}

.pr10 {
    padding-right: 1rem !important;
}

.pr15 {
    padding-right: 1.5rem !important;
}

.pr20 {
    padding-right: 2rem !important;
}

.pr25 {
    padding-right: 2.5rem !important;
}

.pr30 {
    padding-right: 3rem !important;
}

.pr35 {
    padding-right: 3.5rem !important;
}

.pr40 {
    padding-right: 4rem !important;
}

.pr45 {
    padding-right: 4.5rem !important;
}

.pr50 {
    padding-right: 5rem !important;
}

.pr100 {
    padding-right: 10rem !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: .5rem !important;
}

.pb10 {
    padding-bottom: 1rem !important;
}

.pb15 {
    padding-bottom: 1.5rem !important;
}

.pb20 {
    padding-bottom: 2rem !important;
}

.pb25 {
    padding-bottom: 2.5rem !important;
}

.pb30 {
    padding-bottom: 3rem !important;
}

.pb35 {
    padding-bottom: 3.5rem !important;
}

.pb40 {
    padding-bottom: 4rem !important;
}

.pb45 {
    padding-bottom: 4.5rem !important;
}

.pb50 {
    padding-bottom: 5rem !important;
}

.pb100 {
    padding-bottom: 10rem !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl5 {
    padding-left: .5rem !important;
}

.pl10 {
    padding-left: 1rem !important;
}

.pl15 {
    padding-left: 1.5rem !important;
}

.pl20 {
    padding-left: 2rem !important;
}

.pl25 {
    padding-left: 2.5rem !important;
}

.pl30 {
    padding-left: 3rem !important;
}

.pl35 {
    padding-left: 3.5rem !important;
}

.pl40 {
    padding-left: 4rem !important;
}

.pl45 {
    padding-left: 4.5rem !important;
}

.pl50 {
    padding-left: 5rem !important;
}

.pl100 {
    padding-left: 10rem !important;
}

/*space em*/
.mb1 {
    margin-bottom: 1em !important;
}

.mb2 {
    margin-bottom: 2em !important;
}

.mb3 {
    margin-bottom: 3em !important;
}

.mb4 {
    margin-bottom: 4em !important;
}

/* =============================================================  input */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    background-color: #f4f4f4;
    border: 1px solid #eaeded;
    border-radius: .3rem;
    box-sizing: border-box;
    font-size: 1.4rem;
    vertical-align: baseline;
    padding: .8rem 1rem;
    width: 100%;
}

input.iw100 {
    width: 10rem;
}

input.imeoff {
    ime-mode: disabled;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
    background-color: #fff;
    border-color: #16a085;
    outline: none;
}

input[type="radio"],
input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 0.2rem 0 1rem;
}

input[readonly="readonly"],
textarea[readonly="readonly"] {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
}

input[type="submit"]:not(#searchsubmit),
.submit-area input[type="button"],
.present-list-btn {
    background-color: #f39c12;
    border: none;
    border-radius: .3rem;
    box-shadow: 0 -3px #c27d0e inset;
    color: #fff !important;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin: 1rem auto;
    padding: 1.2rem 0;
    width: 100%;
}

input[type="submit"]:not(#searchsubmit):focus,
.submit-area input[type="button"]:focus,
.present-list-btn:focus {
    box-shadow: 0 3px #c27d0e inset;
    padding: 1.5rem 0 .9rem;
}

input[type="submit"][disabled="disabled"] {
    background-color: #eee;
    border-color: #bbb;
    color: #888;
}

label {
    display: inline-block;
}

span.wpcf7-list-item {
    margin: 0 1rem 0 0 !important;
}

span.wpcf7-not-valid-tip {
    color: #e74c3c !important;
}

.submit-area {
    text-align: center;
}

.submit-area br {
    display: none;
}

.req {
    position: relative;
}

.req::after {
    position: absolute;
    right: 1.0rem;
    content: "å¿…é ˆ";
    background-color: #e74c3c;
    color: #fff;
    font-size: 1rem;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    margin-top: 0.3rem;
    line-height: 1;
}

.rei {
    color: #999;
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: .5rem;
}

.error {
    border-radius: .3rem;
    background-color: #e74c3c;
    color: #fff;
    display: block;
    margin-top: .5rem;
    padding: .5rem 1rem;
}

/* sp-mail */
.sp-mail {
    background: #f4f4f4;
    padding: 2rem;
    margin-top: 20px;
}

.sp-mail-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1em;
}

/* =============================================================  common  */
/* flex box -------------------- */
.flex,
.flex-st,
.flex-cn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

.flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex-st {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.flex-cn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/* section -------------------- */
.bc-gray {
    background-color: #f0f0f0;
}

.shadow-box {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .5rem;
    box-shadow: .5rem .5rem 1rem 0 rgba(0, 0, 0, .2);
    margin-bottom: 6rem;
}

.home .shadow-box {
    margin-bottom: 0;
}

.shadow-inner {
    padding: 1.5rem;
}

.sec0 {
    padding: 3rem 0;
    position: relative;
}

.sec {
    margin: 0 0 3rem;
    position: relative;
}

.sec-inner {
    padding: 2rem;
}

/* title -------------------- */
.title1 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 1.5rem;
}

.title1::before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
}

.title1.icon-mike::before {
    content: url(images/icon_mike.png);
}

.title1.icon-sound::before {
    content: url(images/icon_sound.png);
}

.title1.icon-star::before {
    content: url(images/icon_star.png);
}

.title1.icon-tag::before {
    content: url(images/icon_tag.png);
}

.title1.icon-time::before {
    content: url(images/icon_time.png);
}

.title1s {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 2rem;
}

.title2 {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 2rem;
    padding: 1.2rem 1rem;
}

.post-type-archive-cast .title2 {
    margin-bottom: 3rem;
    padding: .8rem 1rem;
}

/* breadCrumb -------------------- */
.breadcrumb-wrap {
    background-color: #f4f4f4;
    border-radius: .3rem;
    margin: 0 1.5rem 2rem;

    white-space: nowrap;
    /* width: 100%; */
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.pagetitle-non {
    padding-top: 4.5rem;
}

.breadcrumb-wrap span {
    color: #282828;
    font-size: 1.2rem;
    font-weight: bold;
    /* display: inline-block; */
}

.breadcrumb-wrap .home {
    background-color: #a8a8a8;
    border-radius: .3rem 0 0 .3rem;
    display: inline-block;
    margin-right: 2rem;
    padding: .6rem .8rem;
    position: relative;
}

.breadcrumb-wrap .home::after {
    border-style: solid;
    border-width: 14px 0 14px 10px;
    border-color: transparent transparent transparent #a8a8a8;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -1rem;
    top: 0;
    bottom: 0;
}

.breadcrumb-wrap a:not(.home)::after {
    content: ">";
    display: inline-block;
    margin: 0 .5rem;
}

/* pagetitle -------------------- */
.pagetitle-wrap {
    padding: 1rem 1.5rem;
}

.pagetitle {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
}

/* comming soon -------------------- */
.comming {
    text-align: center;
    padding: 5rem 0;
}

.comming span {
    background-color: #fff;
    border: 1px solid;
    border-radius: 5rem;
    color: #bbb;
    display: inline-block;
    padding: 1rem 2rem;
}

/* button -------------------- */
a.linkbtn {
    background: #282828 url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_arrow_w.svg) no-repeat right 1rem center / .8rem 1.3rem;
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    padding: .2rem 3.5rem;
}

/* =============================================================  wrap,box  */
.content {
    line-height: 1.6;
    padding: 0 1.5rem 3rem;
}

.sidebar {
    padding: 0 1.5rem 3rem;
}

.side-bordered-banner img {
    border: 1px solid #ddd;
}

/* =============================================================  header  */
#header {
    background-color: #fff;
    box-shadow: 0 1px rgba(0, 0, 0, .1);
    text-align: center;
    z-index: 9999;
    width: 100%;
    height: 6rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.header-wrap {
    background-color: #fff;
    z-index: 9999;
}

.header-cont {
    text-align: left;
    padding: 0;
    position: relative;
}

.header-logo {
    padding: 0 1.5rem;
    width: 50%;
}

.header-logo a {
    display: block;
    height: 6rem;
}

.header-logo img {
    max-height: 4rem;
    max-width: 70% !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header-ad {
    padding: 1.5rem;
    text-align: center;
}

.header-ad div,
.header-ad a,
.header-ad img {
    max-width: 100%;
    height: auto !important;
}

/* main navi -------------------- */
/* toggle */
.sp-togglenavi {}

.sp-togglenavi dt {
    background-color: #5c5c5c;
    border-radius: .3rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 0;
    position: relative;
}

.sp-togglenavi dt:not(:first-child) {
    margin-top: 1.5rem;
}

.cross {
    background-color: #1a1a1a;
    border-radius: .3rem;
    content: "";
    margin: auto;
    height: 80%;
    width: 3rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: .5rem;
}

.cross::before,
.cross::after {
    background-color: #fff;
    content: "";
    margin: auto;
    position: absolute;
    width: 1.3rem;
    height: .2rem;
    top: 0;
    bottom: 0;
    right: .8rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.cross::before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.cross::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.open .cross::before {
    display: none;
}

.open .cross::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* spbtn */
.header-spbtn {
    margin: auto;
    width: 50%;
    height: 6rem;
    padding: .6rem 1.5% .6rem 0;
}

.header-spbtn__subinnerbtn {
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 1.2rem 0;
}

.spbtn {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    width: 31.5%;
}

.spbtn.active {
    background-color: #023894;
}

.header-spbtn a {
    color: #fff;
    display: block;
}

.header-spbtn__subbtn {
    box-sizing: border-box;
    padding: 1.2rem 0 0;
    display: block;
    font-size: 1.2rem;
}

.spbtn-inner {}

.spbtn-schedule::before {
    background-image: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_time.svg);
}

.spbtn-search::before {
    background-image: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_search.svg);
}

.spbtn-menu::before {
    background-image: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_three.svg);
}

.spbtn-inner::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    margin: 0 auto .2rem;
    width: 2rem;
    height: 3rem;
}

.spnavi-box {
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    margin-top: 6rem;
    padding: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.active.spnavi-box {
    display: block;
    opacity: 1;
    overflow: auto;
    visibility: visible;
    padding: 2rem;
    height: auto;
}

.spnavi-box__subbox {
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    margin-top: 6rem;
    padding: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.active.spnavi-box__subbox {
    display: block;
    opacity: 1;
    overflow: auto;
    visibility: visible;
    padding: 2rem;
    height: auto;
}

/* header prolist */
.header-prolist {
    background-color: #1a1a1a;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    text-shadow: -1px -1px 0 #000;
}

.header-prolist * {
    font-weight: bold;
}

.header-prolist a {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
}

.header-prolist a.fs11 {
    font-size: 1.1rem;
}

.header-prolist-title {
    background-color: #282828;
    border-radius: .5rem .5rem 0 0;
    font-weight: bold;
    padding: 1rem;
}

.header-prolist-inner {
    padding: 1rem 2rem 2rem;
}

.header-prolist-box {
    padding: 2rem 0 0;
}

.header-prolist-box-title {
    margin-bottom: .5rem;
}

a.header-prolist-btn-b {
    background: #16489c;
    background: -moz-linear-gradient(top, #16489c 0%, #023894 100%);
    background: -webkit-linear-gradient(top, #16489c 0%, #023894 100%);
    background: linear-gradient(to bottom, #16489c 0%, #023894 100%);
    border-radius: .5rem;
    font-size: 1.4rem;
    padding: 1.2rem 1rem;
}

a.header-prolist-btn-b::before {
    content: url(images/icon_note.png);
    vertical-align: middle;
    margin-right: .6rem;
}

a.header-prolist-btn-g,
.header-prolist-list {
    background: #393939;
    background: -moz-linear-gradient(top, #393939 0%, #292828 100%);
    background: -webkit-linear-gradient(top, #393939 0%, #292828 100%);
    background: linear-gradient(to bottom, #393939 0%, #292828 100%);
}

a.header-prolist-btn-g {
    border-radius: .5rem;
    display: inline-block;
    padding: 1.2rem 2rem;
}

.header-prolist-list {
    border-radius: .5rem;
}

.header-prolist-genre li {
    width: 50%;
}

.spnavi-box__subbox .header-prolist-genre li {
    width: 50%;
}

.header-prolist-week li {
    width: 25%;
}

.header-prolist-genre a,
.header-prolist-week a {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.header-prolist-genre a,
.header-prolist-week a {
    padding: 1.2rem 0;
}

.spnavi-box svg {
    fill: #fff;
    display: inline-block;
    margin-bottom: .8rem;
    height: 2.4rem;
    width: 2.4rem;
}

.close {
    background: #393939;
    background: -moz-linear-gradient(top, #393939 0%, #292828 100%);
    background: -webkit-linear-gradient(top, #393939 0%, #292828 100%);
    background: linear-gradient(to bottom, #393939 0%, #292828 100%);
    border-radius: .3rem;
    text-align: center;
    padding: 1rem;
    margin-top: 3rem;
}

/* navi */
.gnav,
.gnav2 {
    text-align: center;
    background: #393939;
    background: -webkit-linear-gradient(top, #393939 0%, #282828 100%);
    background: linear-gradient(to bottom, #393939 0%, #282828 100%);
}

.gnav li {
    border-top: 1px solid #1a1a1a;
    border-left: 1px solid #1a1a1a;
    width: 33.33%;
    width: calc(100% / 3);
}

.gnav2 li {
    border-top: 1px solid #1a1a1a;
}

.gnav li:nth-child(3n+1) {
    border-left: none;
}

.gnav a,
.gnav2 a {
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 1.2rem 0;
}

.gnav.header-sns-list li {
    width: calc(100% / 4);
}

.gnav.header-sns-list li:nth-child(3n+1) {
    border-left: 1px solid #1a1a1a;
}

/* search */
.search-wrap {
    /* background: url(images/icon_search.png) no-repeat left center; */
    margin-bottom: 1rem;
}

.search-wrap #s {
    background-color: #f4f4f4;
    border-radius: .3rem;
    color: #333;
    padding: .4rem 1rem;
    width: 75%;
}

.search-wrap #searchsubmit {
    background-color: #023894;
    border: none;
    border-radius: .3rem;
    color: #fff;
    font-weight: bold;
    padding: 1.2rem 1rem;
    width: 22%;
}

/* search single */
.search-title {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 2rem;
}

.search-title span {
    font-size: 2rem;
    font-weight: bold;
}

/* =============================================================  footer  */
a.footer-totop {
    background: #282828 url(../img/footer-totop.png) no-repeat center 1rem;
    color: #fff;
    display: block;
    font-size: 1.2rem;
    text-align: center;
    padding: 3.5rem 1rem 1rem;
}

.footer-cont {
    position: relative;
    padding: 2rem 0;
}

/* ============================================================= ad iframe */
.sp-footer-ad-box {
    text-align: center;
}

.sp-footer-ad-box iframe {
    width: 300px;
    height: 250px;
}

/* footer link -------------------- */
.footer-link-wrap {
    background-color: #dedede;
}

.footer-link-box {
    font-size: 1.3rem;
    width: 100%;
}

.footer-link-title {
    background-color: #c4c4c4;
    border-bottom: 1px solid #9b9b9b;
    font-weight: bold;
    padding: 1.2rem 1rem 1.2rem 3rem;
    position: relative;
}

.footer-link-title::before,
.footer-link-title::after {
    background-color: #282828;
    content: "";
    opacity: 1;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.footer-link-title::before {
    width: 11px;
    height: 1px;
    left: 1rem;
}

.footer-link-title::after {
    width: 1px;
    height: 11px;
    left: 1.5rem;
}

.footer-link-title.open::before {
    opacity: 0;
}

.footer-link-title.open::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.footer-link {
    display: flex;
    flex-wrap: wrap;
}

.footer-link li {
    width: 50%;
    border-bottom: 1px solid #9b9b9b;
}

.footer-link li:nth-of-type(odd) {
    border-right: 1px solid #9b9b9b;
}

.footer-link a {
    display: block;
    font-weight: bold;
    padding: 1rem;
}

.footer-link a:hover {
    background-color: #c4c4c4;
}

/* footer sns -------------------- */
.footer-sns {
    background-color: #ababab;
    text-align: center;
    padding: 3rem 0;
}

.footer-sns-title {
    color: #666;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.footer-sns-list {
    margin: 0 1rem;
}

.footer-sns-list li {
    width: 24%;
}

.footer-sns-list.col4 li {
    width: 24%;
}

.footer-sns-list a {
    background-color: #666;
    border-radius: .5rem;
    display: block;
    margin: 0 .5rem;
    padding: 2rem 0 1rem;
}

.footer-sns-list a span {
    color: #919191;
    font-family: "icon-font";
    font-size: 3.4rem;
    transition: all 0.2s ease-out 0s;
}

.footer-sns-list svg {
    height: 3.2rem;
    fill: #c4c4c4;
}

.footer-sns-name-en {
    color: #919191;
    font-weight: bold;
    padding: .5rem 0 .3rem;
}

@media (max-width:767px) {
    .footer-sns-name-en {
        font-size: 1rem;
    }
}

.col4 .footer-sns-name-en {
    font-size: 1rem;
}

/* copyright -------------------- */
.copyright {
    background: url(images/logo2.png) no-repeat right 1rem bottom 1rem;
    font-size: 1.1rem;
    line-height: 1.4;
    padding: 2rem;
}

.ads-over-toTop {
    /* margin-bottom: 50px; */
}


/* =============================================================  sidebar  */
.side-inner {
    position: relative;
    top: -1rem;
}

.side-banner li {
    margin-bottom: 1rem;
    text-align: center;
}

.side-ad {
    text-align: center;
    margin-bottom: 3rem;
}

/* sanyo rss -------------------- */
.sanyo-rss {
    background: url(images/sanyo_logo.png) no-repeat right bottom;
    padding: 0 0 4rem;
    margin-bottom: 2rem;
}

.sanyo-rss-title {
    background-color: #003e83;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 1rem;
    text-align: center;
    position: relative;
}

.sanyo-rss-title::after {
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #003e83 transparent transparent transparent;
    content: "";
    margin: auto;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.7rem;
}

.sanyo-rss-list {
    background-color: #f8f8f8;
}

.sanyo-rss-list li:nth-of-type(even) {
    background-color: #e9e9e9;
}

.sanyo-rss-list a {
    display: block;
    font-size: 1.2rem;
    padding: 1rem;
}

/* program lank -------------------- */
.access-lank-title {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
}

.access-lank-title::before {
    content: url(images/icon_trophy.png);
    vertical-align: middle;
    margin-right: .5rem;
}

.program-lank {
    border-radius: .3rem;
    margin-bottom: 3rem !important;
}

.program-lank li:not(:last-child) {
    border-bottom: 1px solid #dbdadc;
}

.program-lank a {
    display: block;
    overflow: hidden;
    padding: 1rem;
    position: relative;
}

.program-lank a::before {
    background-color: #e74c3c;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 2.4rem;
    height: 2.4rem;
    width: 2.4rem;
    position: absolute;
    top: .3rem;
    left: .3rem;
}

.rank_count1::before {
    content: "1";
}

.rank_count2::before {
    content: "2";
}

.rank_count3::before {
    content: "3";
}

.rank_count4::before {
    content: "4";
}

.rank_count5::before {
    content: "5";
}

.program-lank-img {
    border-radius: .3rem;
    float: left;
    width: 10rem;
}

.program-lank-title {
    margin-left: 11rem;
    padding: .8rem 0;
}

/* side cast -------------------- */
.side-castlist-title {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
}

.side-castlist-title::before {
    content: url(images/icon_human_b.png);
    margin-right: .5rem;
    vertical-align: middle;
}

.side-castlist {
    margin-bottom: 3rem;
}

.side-castlist li:not(:last-child) {
    border-bottom: 1px solid #dbdadc;
}

.side-castlist a {
    display: block;
    padding: 1rem;
}

.side-castlist-thumb {
    border-radius: 50%;
    width: 4rem;
}

.side-castlist-name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
}

/* side pagelist -------------------- */
.side-pagelist li:not(:last-child) {
    border-bottom: 1px solid #dbdadc;
}

.side-pagelist a {
    display: block;
    padding: 1rem;
}

/* =============================================================  home  */
/* slide main -------------------- */
.slide-main a {
    display: block;
}

.slide-main {
    background-color: #282828;
    overflow: hidden;
    padding: 1rem 2rem;
}

.slide-main li {
    background-color: #fff;
    border-radius: .3rem;
    float: left;
    /* margin: 0 1rem; */
    /* width: 42rem; */
}

.slide-main-img {
    border-radius: .3rem .3rem 0 0;
    background: url(images/preloader_64.gif) #fff center center no-repeat;
}

.slide-main-title {
    font-size: 1.3rem;
    overflow: hidden;
    height: 4.8em;
    padding: 1rem;
}

/* news-important -------------------- */
.news-important {
    background-color: #d6121f;
    color: #fff;
    overflow: hidden;
    padding: 1.5rem 2rem 1.5rem 1rem;
}

.news-important::before {
    background: #fff;
    border: 1px solid;
    box-sizing: border-box;
    border-radius: 3rem;
    color: #d6121f;
    content: "重要なお知らせ";
    float: left;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    padding: .5rem 1rem;
    width: 11rem;
}

.news-important a {
    color: #fff;
    /* display: block; */
    font-weight: normal;
    margin-left: 12rem;
    display: flex;
}

.news-important--title,
.news-important--arror {
    font-weight: 700;
}

.news-important--arror {
    margin-left: 20px;
    align-self: center;
}

.news-important a:hover .news-important--arror {
    margin-left: 35px;
    text-decoration: none !important;
}


/* news-hometop -------------------- */
.news-hometop {
    border-bottom: 1px solid #dbdadc;
    padding: 2rem;
}

/* slide today -------------------- */
.slide-today {
    overflow: hidden;
    padding: 5rem 2rem 0;
    height: 32rem;
    background: url(images/preloader.gif) #fff center center no-repeat;
}

.sp-grab {
    cursor: url(images/spro/openhand.cur), move;
}

.sp-grabbing {
    cursor: url(images/spro/openhand.cur), move;
}

.today-programs li {
    float: left;
    margin: 0 2.4rem;
    width: 24rem;
    height: 22rem;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.today-programs-time {
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: .5rem;
}

.today-programs-main {
    border-radius: .5rem;
    box-shadow: .3rem .3rem 1rem 0 rgba(0, 0, 0, .2);
    display: block;
    position: relative;
}

.slide-today-float {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
    border-radius: .3rem;
    color: #fff;
    padding: 1rem;
}

.today-programs-main:hover .slide-today-float {
    opacity: 1;
}

.float-title {
    font-weight: bold;
    margin-bottom: .6rem;
    color: #fff;
}

a .float-title {
    text-decoration: underline;
}

.float-text {
    font-size: 1.2rem;
    line-height: 1.62;
}

.float-link {
    display: block;
    text-align: center;
    background: rgba(0, 0, 0, .0);
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: .3rem;
    line-height: 3.6rem;
    overflow: hidden;
    font-size: 1.8rem;
    color: #fff !important;
}

.float-link:hover {
    color: #3498db !important;
}

.today-programs li.active {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.today-programs li.onair .today-programs-time {
    color: #023894
}

.today-programs li.onair::before {
    background: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_onair.svg) no-repeat center center / contain;
    margin: auto;
    position: absolute;
    top: -4rem;
    width: 100%;
    content: "";
    height: 36px;
}

.slide-today-img {
    border-radius: .5rem .5rem 0 0;
    width: 100%;
}

.slide-today-title {
    padding: 1rem;
}

/* Scrollbar */
.scrollbar {
    background: #f0f0f0;
    border-radius: 1rem;
    line-height: 0;
    margin: 2rem;
    height: .4rem;
}

.scrollbar .handle {
    background: #adadad;
    border-radius: 1rem;
    cursor: pointer;
    width: 100px;
    height: 100%;
}

.scrollbar .handle .mousearea {
    width: 100%;
    height: 40px;
    position: absolute;
    top: -19px;
    left: 0;
}

.controls {
    text-align: center;
}

.scrollbtn {
    background-color: #adadad;
    border: none;
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    margin: 0 .2rem;
    padding: .6rem 1rem;
    position: relative;
}

.scrollbtn:hover {
    background-color: #282828;
}

.scrollbtn.prev::after,
.scrollbtn.next::after {
    background: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_arrow_w.svg) no-repeat 0 0 / contain;
    content: "";
    margin: auto;
    width: .9rem;
    height: 1.3rem;
    position: absolute;
    top: 0;
    bottom: 0;
}

.scrollbtn.prev {
    padding: .6rem 1rem .6rem 2.5rem;
}

.scrollbtn.prev::after {
    left: 1rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.scrollbtn.next {
    padding: .6rem 2.5rem .6rem 1rem;
}

.scrollbtn.next::after {
    right: 1rem;
}

/* slide pickup -------------------- */
.slide-pickup {
    overflow: hidden;
    padding: 0 5rem;
}

.ossm-tab {
    text-align: center;
    margin: 0 2rem 2rem;
}

.ossm-tab li {
    background-color: #adadad;
    border-radius: 1rem;
    color: #fff;
    cursor: pointer;
    padding: 1rem;
    width: 12%;
}

.ossm-tab li:first-child {
    margin: 0 0 1.5rem;
    width: 100%;
}

.ossm-tab li:hover,
.ossm-tab li.active {
    background-color: #023894;
}

/* pickup -------------------- */
.pickup-cont {
    margin: 0 1.5rem;
    text-align: center;
}

/* .pickup-cont li {
    box-shadow: .5rem .5rem 1rem 0 rgba(0, 0, 0, .2);
    margin-bottom: 1.2rem;
} */
/* youtube -------------------- */
.youtube-area {
    background-color: #282828;
    color: #fff;
    margin: 0 -1.5rem 3rem;
}

.youtube-title {
    background-color: #000;
    text-align: center;
    /*padding: 2rem 1.5rem;*/
    padding: 0 1.5rem;
}

.youtube-inner {
    padding: 2rem 1.5rem;
}

.youtube-title-sub {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2.5rem;
}

.youtube-title-sub::before {
    content: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_star.svg);
    vertical-align: middle;
    margin-right: .7rem;
}

.youtube-list li {
    margin: 0 0 2rem;
    width: 100%;
}

.youtube-box {
    position: relative;
    padding: 62% 0 0 0;
    width: 100%;
}

.youtube-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* cast home -------------------- */
.cast-home {
    padding: 0 5rem;
    text-align: center;
}

.cast-home-thumb {
    border-radius: .3rem;
    display: block;
    margin-bottom: .5rem;
    padding: 1rem;
    height: 100%;
}

.cast-home-thumb:hover {
    background-color: #f1f1f1;
}

.cast-home-img {
    background-color: #ccc;
    border-radius: 50%;
    display: block;
    margin: 0 auto 1rem;
    width: 15rem !important;
}

.cast-home-title {
    font-size: 1.6rem;
}

.cast-home-blog {
    font-size: 1.2rem;
}

.cast-home-blog-btn {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff !important;
    display: inline-block;
    padding: .4rem .6rem;
}

.cast-home-blog-btn:hover {
    background-color: #023894;
}

.cast-home-blog-update {
    display: block;
    margin-top: .2rem;
}


/* latest-post ------------- */
.home-latestbox {
    line-height: 1.6;
    padding: 0 1.5rem 3rem;
}

.home-latestbox--l {
    margin-bottom: 25px;
}

.latest-post-list {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
    margin: 15px auto 20px;
}

.latest-post-list li {
    width: 100%;
}

.latest-post-list li:nth-child(n+2) {
    border-top: 1px solid #ddd;
}

.latest-post-list a {
    display: block;
    overflow: hidden;
    line-height: 1.2;
    padding: 1rem;
    height: 100%;
    position: relative;
}

.latest-post-list img {
    object-fit: cover;
    width: 10rem;
    height: 55px;
    float: left;
}

.latest-post-info {
    margin-left: 11rem;
}

.latest-post--label {
    border-radius: .3rem;
    color: #fff;
    font-size: 1.1rem;
    display: block;
    text-align: center;
    padding: .3rem .5rem;
    margin-bottom: .3rem;
}

.latest-post--label__blog {
    background: #34495e;
}

.latest-post--label__other {
    background: #e74c3c;
}

.latest-post--label__pride {
    background: #ff0010;
}

.latest-post--label__okayama {
    background: #7da7b8;
}

.latest-post--label__tokushu {
    background: #7da7b8;
}

.latest-post--label__nanasupa {
    background: #FFFC47;
    color: #000;
}

.latest-post--label__obaachan {
    background: #c35c79;
}

.latest-post--label__daidokoro {
    background: #c35c79;
}

.latest-post--label__present {
    background: #1abc9c;
}

.latest-post--label__hakkenki {
    background: #ff7259;
}

.latest-post--date {
    margin-bottom: .2rem;
}

.latest-post--title {
    font-size: 1.5rem;
    font-weight: bold;
}

/* home latest tweetbox --*/
.latest-tweetbox {
    /* background: #ddd; */
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
    margin-bottom: 25px;
    width: 100%;
}

.home-tweetbox {
    height: 420px;
}

.home-tweetbox--title {
    background: #1da1f2;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    padding: 11px 0;
    text-align: center;
    position: relative;
}

.home-tweetbox--title::after {
    content: url(images/home_tweet_avator.png);
    position: absolute;
    top: -10px;
    right: -10px;
}

.home-tweetbox--content {
    height: 340px;
    overflow-y: scroll;
}

.home-twitter--link {
    background: #1da1f2;
    border-radius: 0 0 5px 5px;
    padding: 7px 15px 7px 0;
    text-align: right;
}

.home-twitter--link a {
    color: #fff;
    font-size: 1.3rem;
    text-decoration: underline;
}

.tweet-list li {
    padding: 12px 10px;
    cursor: pointer;
}

.tweet-list li:not(:last-child) {
    border-bottom: 1px solid #efefef;
}

.tweet-list li:hover {
    background-color: #fafafa;
}

.tweet-list a {
    color: #2b7bb9;
}

.tweet-list a:visited {
    color: #2b7bb9;
}

.tweet-list a:hover {
    color: #3396e2;
}

.tweet-list .tweet-list__retweet-user {
    color: #777;
    font-size: 12px;
    margin-bottom: 8px;
    margin-left: 40px;
}

.tweet-list .tweet-list__user {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.tweet-list .tweet-list__user .user-image {
    display: flex;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    overflow: hidden;
}

.tweet-list .tweet-list__user .user-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.tweet-list .tweet-list__user p {
    color: #777;
    font-size: 14px;
}

.tweet-list .tweet-list__user p:first-child {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

.tweet-list .tweet-list__user a:hover p:first-child {
    color: #2b7bb9;
}

.tweet-list .tweet-list__text {
    margin-left: 40px;
    font-size: 14px;
    color: #333;
    font-family: sans-serif;
    word-break: break-all;
}

.tweet-list .tweet-list__media {
    margin-top: 14px;
    margin-left: 40px;
    border-radius: 6px;
    overflow: hidden;
}

.tweet-list .tweet-list__date {
    margin-top: 24px;
    color: #555;
    font-size: 12px;
    text-align: right;
}

/* home latest bnr --*/
.latest-bnrbox {
    margin-top: 25px;
}

.latest-programs li {
    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
    margin-bottom: 1rem;
    text-align: center;
}

.latest-programs img {
    border-radius: .3rem .3rem 0 0;
    background: url(images/preloader_64.gif) #fff center center no-repeat;
}

/* =============================================================  page  */
/* box -------------------- */
.infoarea-wrap {
    text-align: center;
}

.infoarea {
    background-color: #f4f4f4;
    border-radius: .3rem;
    font-size: 1.6rem;
    text-align: center;
    margin: 0 auto 5rem;
    padding: 1.5rem;
}

.infoarea-s {
    background-color: #f4f4f4;
    border-radius: .3rem;
    display: inline-block;
    padding: 1rem 2rem;
}

.info-tel {
    background: #fdebd0;
    display: inline-block;
    padding: .5rem 1rem;
    margin: 1rem 0;
}

/* table -------------------- */
.table-wrap {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    overflow-x: auto;
}

.table-wrap::-webkit-scrollbar {
    height: 5px;
}

.table-wrap::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
}

.table-wrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
}

.table-wrap table {
    min-width: 81.8rem;
    white-space: normal;
}

.table1 thead {
    background-color: #596979;
    color: #fff;
}

.table1 thead * {
    font-size: 1.6rem;
    font-weight: bold;
}

.table1 tbody {
    background-color: #f4f4f4;
}

.table1 tbody tr:nth-of-type(odd) {
    background-color: #e9e9e9;
}

.table1 th,
.table1 td {
    border: 1px solid #fff;
    vertical-align: middle;
}

.table-sup {
    font-size: 1.1rem;
    text-align: right;
    padding-top: .6rem;
}

.table2 {
    background-color: #f4f4f4;
}

.table2 th,
.table2 td {
    border-bottom: 1px solid #fff;
    display: block;
    padding: 1rem;
    word-break: break-all;
}

.table2 th {
    background-color: #596979;
    color: #fff;
    font-weight: bold;
}

/* =============================================================  page contact  */
.faq-list dt,
.faq-list .a-inner {
    font-size: 1.6rem;
    text-indent: -1em;
}

.faq-list dt {
    background-color: #596979;
    border-radius: .3rem .3rem 0 0;
    color: #fff;
    font-weight: bold;
    padding: 1rem 4rem;
}

.faq-list dt::before {
    content: "Q ";
}

.faq-list dd {
    background-color: #f4f4f4;
    border-radius: 0 0 .3rem .3rem;
    margin-bottom: 2rem;
    padding: 1rem 4rem;
}

.faq-list .a-inner::before {
    content: "A ";
    font-weight: bold;
}

/* =============================================================  page media data  */
.media-table1 th,
.media-table1 td {
    padding: 1rem;
}

.media-table2,
.media-table3 {
    /* margin-bottom: 1rem; */
}

.media-table2 caption,
.media-table3 caption {
    background-color: #596979;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem;
}

.media-table2 th,
.media-table2 td {
    text-align: center;
    padding: 1rem;
}

.media-table3 th,
.media-table3 td {
    text-align: center;
    padding: .5rem 0;
}

.media-table3 td {
    font-size: 1.2rem;
}

.mt1th {
    width: 24%;
}

.mt1td {
    width: 19%
}

.mt1td2 {
    width: 57%
}

.mt2th {
    width: 12%;
}

.mt2td {
    width: 22%
}

.media-table3 col {
    width: 33px;
}

.media-table3 col.mt3th {
    width: auto;
}

.media-table3 col.media-table3__datelabel {
    width: auto;
}

.media-table3__timespot col {
    width: 15px;
}

th.dvsA {
    background-color: #3498db;
    color: #fff;
    font-weight: bold;
}

th.dvsSB {
    background-color: #e74c3c;
    color: #fff;
    font-weight: bold;
}

th.dvsB {
    background-color: #f39c12;
    color: #fff;
    font-weight: bold;
}

th.dvsC {
    background-color: #16a085;
    color: #fff;
    font-weight: bold;
}

td.dvsA {
    background-color: #d6eaf8;
}

td.dvsSB {
    background-color: #fadbd8;
}

td.dvsB {
    background-color: #fdebd0;
}

td.dvsC {
    background-color: #d0ece7;
}

/* =============================================================  page station  */
.station-list {
    width: 100%;
}

.station-table caption {
    background-color: #34495e;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 1rem;
    text-align: center;
}

.station-table th,
.station-table td {
    padding: .5rem;
    font-size: 1.2rem;
    text-align: center;
}

/* =============================================================  page program type  */
.protype-title {
    background-color: #f4f4f4;
    border-radius: .3rem;
    text-align: center;
    margin-bottom: 2rem;
    padding: 3.5rem 0 3rem;
}

.protype-list {
    margin-bottom: 4rem;
}

.protype-list li {
    background-color: #f4f4f4;
    border-radius: .3rem;
    box-shadow: .5rem .5rem 1rem 0 rgba(0, 0, 0, .2);
    margin: 0 0 2rem;
    width: 100%;
}

.protype-list-title {
    background-color: #a8a8a8;
    border-radius: .3rem .3rem 0 0;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    padding: 2.5rem 0;
}

.protype-list p {
    padding: 1rem 1rem 2rem;
    margin: 0;
}

.basic-list li {
    border-bottom: 1px solid #fff;
}

.basic-list a {
    background-color: #f4f4f4;
    color: #023894;
    display: block;
    padding: 1rem;
    min-height: 65px;
}

.basic-list.pdf a {
    background-image: url(images/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 11rem auto;
}

.basic-list-main {
    text-decoration: underline;
}

.basic-list-sub {
    font-size: 1.1rem;
    color: #333;
}

.news-release-list__main {
    display: block;
    text-decoration: underline;
}

.news-release-list__sub {
    font-size: 1.1rem;
    color: #333;
}

.news-release-list__date {
    color: #333;
    font-size: 1.2rem;
    margin-left: .5em;
}

.news-release-list a {
    min-height: 80px;
}

.news-release-list.pdf a {
    background-position: right 10px bottom 10px;
}

/* =============================================================  page tour  */
.tour-image {}

.tour-title {
    text-align: center;
    margin: -15% 0 1rem
}

.tour-list {
    margin-bottom: 3rem;
    text-align: center;
}

.tour-list li {
    background-color: #f4f4f4;
    border-radius: .3rem;
    margin-bottom: 1rem;
    width: 100%;
}

.tour-list-title {
    border-bottom: 1px solid #fff;
    border-radius: .3rem .3rem 0 0;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 1rem;
}

.tour-list-title.blue {
    background-color: #3498db;
}

.tour-list-title.green {
    background-color: #1abc9c;
}

.tour-list p {
    margin: 0;
    padding: 1.5rem;
}

/* =============================================================  page about  */
.about-logo {
    text-align: center;
    padding: 2rem 0 4rem;
}

.about-table * {
    font-weight: bold;
}

.googlemap {
    margin-top: .6rem;
    width: 100%;
    height: 30rem;
}

.no-padding {
    padding: 0 !important;
}

.about-area dt {
    background-color: #e9e9e9;
    padding: 1rem;
    width: 25%;
}

.about-area dd {
    padding: 1rem;
    width: 75%;
}

.about-area dt:not(:last-child),
.about-area dd:not(:last-child) {
    border-bottom: 1px solid #fff;
}

/* =============================================================  page sponsor  */
.sponsor-ol {
    counter-reset: sponsor-num;
    margin-bottom: 4rem;
}

.sponsor-ol li {
    padding: 1rem 2rem 1rem 4.5rem;
    position: relative;
}

.sponsor-ol li:nth-child(odd) {
    background-color: #f4f4f4;
}

.sponsor-ol li::before {
    counter-increment: sponsor-num;
    content: counter(sponsor-num) ":";
    font-weight: bold;
    position: absolute;
    left: 2rem;
    top: 1rem;
}

.sponsor-ol img {
    width: 14rem;
}

.sponsor-dl {
    text-align: center;
}

.sponsor-dl-btn {
    background-color: #34495e;
    border-radius: .3rem;
    display: inline-block;
    min-width: 30rem;
    padding: .7rem;
}

.sponsor-dl-fs {
    font-size: 1rem;
    margin: 1rem 0 4rem;
}

/* =============================================================  page privacy  */
.privacy p {
    font-size: 1.2rem;
    margin-bottom: 1em;
}

.privacy>li {
    list-style-type: decimal;
    margin: 0 0 3rem 2rem;
}

.privacy2>li,
.privacy3>li,
.privacy4>li {
    font-size: 1.2rem;
    margin-left: 2rem;
}

.privacy2>li {
    list-style-type: lower-alpha;
}

.privacy3>li {
    list-style-type: upper-roman;
}

.privacy4>li {
    list-style-type: upper-alpha;
}

.privacy4 ul li {
    margin-bottom: 1.5rem;
}

.pp-mb>li {
    margin-bottom: 1em;
}

.privacy-title {
    font-weight: bold;
    font-size: 1.4rem;
}

.privacy-sign {
    text-align: right;
}

.privacy-pdf {
    display: inline-block;
    margin-right: 1rem;
    text-decoration: underline;
    width: 100%;
}


/* =============================================================  page sitemap  */
.sitemap-box {
    width: 100%;
}

.sitemap-title {
    background-color: #282828;
    border-radius: 0.3rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 1rem;
    padding: .5rem 1rem;
}

.sitemap-list {
    margin: 0 1rem 3rem;
}

.sitemap-list>li::before {
    content: "";
    background: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_arrow_b.svg) no-repeat left center / contain;
    display: inline-block;
    margin-right: .7rem;
    width: .5rem;
    height: 1rem;
}

.sitemap-list-child {
    list-style-type: square;
    margin-left: 2.8rem
}

/* =============================================================  page recruit  */
.recruit-bnr {
    text-align: center;
    margin: 3rem 0 0;
}

.recruit-bnr li {
    padding: 0 0 1rem;
    width: 100%;
}

.situation-end {
    position: relative;
}

.situation-end::after {
    background-color: rgba(255, 255, 255, .85);
    content: "";
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.situation-end-text {
    color: #e74c3c;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    z-index: 20;
    position: absolute;
    top: 1rem;
    left: 0;
    right: 0;
}

/* =============================================================  page 404  */
.p404 {
    border: 1px solid #dbdadb;
    border-radius: .3rem;
    padding: 2rem 1rem;
}

.p404 * {
    font-weight: bold;
}

.p404-title-wrap {
    line-height: 1;
}

.p404-title-img {
    display: block;
    margin: 0 auto 1.5rem;
}

.p404-title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.p404-reason {
    border-bottom: 1px solid #dbdadb;
    border-top: 1px solid #dbdadb;
    margin-bottom: 2rem;
    padding: 2rem 0;
}

.p404-reason li {
    width: 100%;
}

.p404-reason li::before {
    content: "・";
}

.p404-link {
    text-align: center;
    margin: 2.5rem 0;
}

.p404-link li {
    display: block;
    margin: 0 0 1rem;
}

.p404-link a {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.6rem;
    display: block;
    padding: 1.5rem 0;
}

.p404-link a.goback {
    font-size: 1.4rem;
    padding: 1rem 0;
}

.p404-link a:hover {
    background-color: #023894;
}

/* =============================================================  program  */
.program-list-wrap {
    margin-bottom: 3rem;
    padding: 1.5rem;
}

.program-list {
    margin: 0 -1%;
}

.program-list li {
    font-size: 1.2rem;
    margin: 0 1% 2rem;
    width: 48%;
}

.program-list a,
.slide-pickup a {
    background-color: #282828;
    color: #fff;
    display: block;
    text-decoration: none;
    height: 100%;
}

.program-list-inner {
    padding: .8rem 1rem;
}

.program-list-title {
    font-size: 1.6rem;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.program-list-info {
    font-size: 1.2rem;
    min-height: 2.5em;
}

/* カテゴリー、SNS -------------------- */
.programs-cat,
.programs-cat li,
.programs .wp_social_bookmarking_light {
    display: inline-block;
    vertical-align: top;
}

.programs-cat {
    margin-bottom: .5rem;
}

.programs-cat li {
    margin: 0 .5rem .5rem 0;
}

.programs-cat a {
    background-color: #f4f4f4;
    border-radius: .3rem;
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    padding: .1rem 1rem;
}

/* メインタイトル等 -------------------- */
.programs-main {
    overflow: hidden;
    padding: 0 0 1.5rem;
}

.programs-main * {
    font-weight: bold;
}

.programs-main-next {
    background-color: #f4f4f4;
    border-radius: .3rem;
    float: left;
    line-height: 1.2;
    text-align: center;
    width: 10rem;
}

.programs-main-next-title {
    background-color: #9b59b6;
    border-radius: .3rem .3rem 0 0;
    color: #fff;
    font-size: 1.4rem;
    padding: .5rem;
    position: relative;
}

.programs-main-next-title::after {
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #9b59b6 transparent transparent transparent;
    content: "";
    margin: auto;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
}

.programs-main-next-date {
    font-size: 1.8rem;
    padding: 1.2rem 0 0;
}

.programs-main-next-time {
    padding: 0 0 1.2rem;
}

.programs-main-right {
    line-height: 1.4;
    margin-left: 11rem;
}

.programs-main-right.next-non {
    margin-left: 0;
}

.programs-airtime {
    font-size: 1.4rem;
    margin-bottom: .5rem;
}

.programs-title {
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.programs-option li {
    display: inline-block;
    vertical-align: middle;
}

.programs-option li {
    background-color: #2c3e50;
    border-radius: .1rem;
    color: #fff;
    line-height: 2.4rem;
    text-align: center;
    margin-right: .6rem;
    width: 2.4rem;
    height: 2.4rem;
}

/* ç•ªçµ„æƒ…å ± -------------------- */
.programs-title-sub {
    background-color: #f4f4f4;
    border-radius: .3rem;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3rem;
    padding: .5rem;
}

.programs-desc {
    overflow: hidden;
    margin-bottom: 3.5rem;
}

.programs-thumbnail {
    /* float: right; */
    margin: 0 0 1.5rem;
    /* width: 28rem; */
}

.programs-info {
    background-color: #f4f4f4;
    border-radius: .3rem;
    margin-bottom: 4rem;
    padding: .5rem;
}

.programs-info dt {
    background-color: #fff;
    border-radius: .3rem;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: .5rem;
    padding: .5rem;
}

.programs-info.next dt {
    background-color: #023894;
    color: #fff;
}

.programs-info dd {
    background-color: #fff;
    border-radius: .3rem;
    margin-bottom: .5rem;
    padding: 1rem;
}

.programs-info dd:last-child {
    margin-bottom: 0;
}

.programs-info p {
    margin-bottom: 0;
}

/* 番組動画 -------------------- */
.programs-movie {
    margin: 0 0 2rem;
}

.programs-movie li {
    width: 100%;
    margin: 0 0 1rem;
}

.movie-cover {
    padding: 70% 0 0 0;
    position: relative;
}

.movie-cover iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

/* 次回予告 -------------------- */
.next-img {
    float: left;
    margin: 0 2rem 0 0;
    width: 21rem;
}

.next-title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: .5em !important;
}

.next-movie {
    margin: 2rem 0 0;
    padding: 75% 0 0;
    position: relative;
    width: 100%;
}

.next-movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 公式サイト等 -------------------- */
.programs-sns {
    text-align: center;
}

.programs-sns li {
    vertical-align: middle;
    margin-bottom: 1rem;
}

.programs-sns a:not(.official) {
    background-color: #666;
    border-radius: .3rem;
    color: #919191;
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 5.2rem;
    padding: 0 1rem;
    width: 100%;
}

/* ç•ªçµ„æƒ…å ±ãƒœã‚¿ãƒ³ -------------------- */
.official {
    background-color: #023894;
    border-radius: .3rem;
    color: #fff !important;
    font-size: 2rem;
    font-weight: bold;
    display: block;
    line-height: 5.2rem;
    text-align: center;
    width: 100%;
}

.psicon {
    display: inline-block;
    fill: #c4c4c4;
    vertical-align: middle;
    margin-right: 1rem;
    height: 3.2rem;
}

/* レコメンド -------------------- */
.programs-recommend {
    padding: 1rem 0 0;
}

/* ãƒ‰ãƒ©ãƒžç‰¹åˆ¥æž  -------------------- */
.drama-list1 {
    margin-bottom: 2rem;
}

.drama-list1 li {
    width: 100%;
}

.drama-list1 a {
    border-radius: .3rem .3rem 0 0;
}

.drama-list2 {
    margin: 1rem 0 3rem;
}

.drama-list2 li {
    padding: 1rem 0;
}

.drama-cat-title {
    background-color: #023894;
    border-radius: 0.3rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    padding: 1rem;
}

.drama-list2-date {
    background-color: #f4f4f4;
    border-radius: .3rem;
    display: block;
    font-size: 1.2rem;
    margin-bottom: .5rem;
    padding: .2rem 1rem;
}

.drama-list2-title {}

/* =============================================================  post list  */
/* single Container -------------------- */
.singular {
    font-size: 1.6rem;
}

/* contents list -------------------- */
.contents-tab {
    margin: 0 -1.5rem;
    padding: 2rem 4rem;
}

.contents-tabs {
    border: 5px solid #f0f0f0;
    border-radius: .5rem;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    margin: 0 .4rem;
    height: 8rem !important;
    position: relative;
}

.contents-tabs::after {
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #f0f0f0 transparent transparent transparent;
    content: "";
    margin: auto;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
}

.contents-tabs-inner {
    font-weight: bold;
    padding: 0 1rem;
    max-width: 100% !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.contents-tab .pickup-arrow {
    -webkit-transform: scale(.75);
    transform: scale(.75);
}

.contents-list li {
    width: 100%;
}

.contents-list li:nth-child(n+2) {
    border-top: 1px solid #ddd;
}

.contents-list a {
    display: block;
    overflow: hidden;
    line-height: 1.2;
    padding: 1rem;
    height: 100%;
    position: relative;
}

.contents-list-cat {
    background-color: #e74c3c;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.1rem;
    display: block;
    text-align: center;
    padding: .3rem .5rem;
    margin-bottom: .3rem;
}

.contents-list-cat.all {
    background-color: #023894;
}

.contents-list-cat.town {
    background-color: #f1c40f;
}

.contents-list-cat.present {
    background-color: #1abc9c;
}

.contents-list-cat.sports {
    background-color: #3498db;
}

.contents-list-cat.concert {
    background-color: #9b59b6;
}

.contents-list-cat.other {
    background-color: #e74c3c;
}

.contents-list-cat.blog {
    background-color: #34495e;
}

.contents-list-img {
    float: left;
    width: 10rem !important;
}

.contents-list-spinner {
    margin-left: 11rem
}

.contents-list-date {
    margin-bottom: .2rem;
}

.contents-list-title {
    font-size: 1.5rem;
    font-weight: bold;
}

/* news list -------------------- */
.news-list li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.news-list a {
    display: block;
    line-height: 1.4;
    overflow: hidden;
    padding: 1rem;
}

.news-list-img {
    float: right;
    width: 10rem;
}

.news-list-inner.nthumb-on {
    margin-right: 11rem;
}

.news-list-date {
    margin-bottom: 1rem;
}

.news-list-cat {
    background-color: #e74c3c;
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    margin-right: 1rem;
    padding: .3rem 1rem;
}

.news-list-cat.program-news {
    background-color: #023894;
}

.news-list-title {
    font-size: 1.5rem;
    font-weight: bold;
}

a.catbtn {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff;
    display: block;
    padding: 1rem 2rem;
    margin: 3rem 0;
}

a.blog-catbtn {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    padding: .5rem 1rem;
}

a.catbtn::before,
a.blog-catbtn::before {
    content: url(images/icon_note.png);
    vertical-align: text-top;
    margin-right: .5rem;
}

/* cast list -------------------- */
.cast-list {
    margin: 0 -1.2%;
}

.cast-list>li {
    margin: 0 0 3rem;
    width: 100%;
}

.cast-list-img {
    background: linear-gradient(#cbcac5, #abaaa6);
    border: 2px solid #282828;
    border-radius: .3rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.cast-list-title {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: .6rem;
}

.cast-list-title span {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
}

.cast-list-link li {
    display: inline-block;
}

.cast-list-link a {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff;
    display: block;
    font-size: 1.2rem;
    padding: .5rem 1rem;
}

.cast-list-link a::before {
    margin-right: .8rem;
    vertical-align: middle;
}

.cast-list-link-prof a::before {
    content: url(images/icon_human.png);
}

.cast-list-link-blog a::before {
    content: url(images/icon_pen.png);
}

.cast-list-blog {
    border-top: 1px solid #dbdadc;
    margin-top: 2rem;
    font-size: 1.2rem;
}

.cast-list-blog li {
    border-bottom: 1px solid #dbdadc;
}

.cast-list-blog a {
    display: block;
    overflow: hidden;
    padding: 1rem 0;
}

.cast-list-blog-update {
    font-size: 1rem;
}

.cast-list-blog-title {
    font-weight: bold;
}

/* blog list -------------------- */
.blog-image {
    display: block;
    margin: 0 auto 1rem;
}

.blog-list li {
    border-bottom: 1px solid #dbdadc;
}

.blog-list a {
    display: block;
    overflow: hidden;
    padding: 1rem;
}

.blog-list-thumb {
    float: left;
    width: 10rem;
}

.blog-list-inner {
    margin-left: 11rem;
}

.blog-list-date {}

.blog-list-title {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: .2rem;
}

.blog-intro-box {
    background-color: #ecfffd;
    border-radius: 10px;
    margin: 15px auto;
    padding: 1.5rem;
}

/* .blog-list-content {
    font-size: 1.3rem;
    margin: 0 !important;
} */
.read-more {
    background: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_arrow_b.svg) no-repeat right center / auto .8rem;
    font-size: 1.2rem;
    text-align: right;
    margin: 1rem 0 0;
    padding: 0 1rem 0 0;
    position: relative;
}

/* present list -------------------- */
.present-topimg {
    display: block;
    margin: auto;
}

.present-tab {
    border-bottom: 7px solid #231815;
    margin: 1rem 0 1.5rem;
}

.present-tab li {
    border-color: #231815;
    border-style: solid;
    border-width: 3px 3px 0;
    border-radius: .3rem .3rem 0 0;
    cursor: pointer;
    display: inline-block;
    color: #231815;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-right: .4rem;
    padding: 1rem;
}

.present-tab li.active {
    background-color: #231815;
    color: #16a085;
}

.present-box {
    border: 2px solid #231815;
    border-radius: .4rem;
    margin-bottom: 2rem;
    padding: 1.2rem;
}

.present-wrap {
    border-bottom: 1px solid #231815;
    overflow: hidden;
    margin-bottom: 1.8rem;
    padding: 0 0 3rem;
}

.present-list-img {
    display: block;
    margin: 0 auto 1.5rem;
}

.present-list-inner {}

.present-list-title {
    color: #16a085;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.present-list-cont {
    font-weight: bold;
}

.present-wrap em {
    font-style: italic !important;
}

.present-wrap strong,
.present-wrapb {
    font-weight: 900 !important;
}

.present-wrap ol,
.present-wrap ul {
    margin-bottom: 30px;
}

.present-wrap ol li {
    list-style-type: decimal;
    margin-left: 1.5em;
}

.present-wrap ul li {
    list-style-type: disc;
    margin-left: 1.5em;
}

.present-wrap .aligncenter {
    display: block;
    margin: auto;
    text-align: center !important;
}

.present-wrap .alignright {
    display: block;
    margin: 0 0 0 auto;
}




/* shingikai list -------------------- */
.shingikai-year dt {
    background-color: #f4f4f4;
    border-radius: .3rem;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1rem;
    padding: 1rem;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.shingikai-year dt:not(.open):hover {
    background-color: #023894;
    color: #fff;
}

.shingikai-year dt.open {
    background-color: #282828;
    color: #fff;
}

.shingikai-year dd {
    margin-bottom: 1rem;
}

.shingikai-list li {
    margin: 0 0 .1rem;
}

.shingikai-list a {
    background: #f4f4f4 url(images/icon_doc.png) no-repeat 2rem center;
    display: block;
    padding: 1rem 1rem 1rem 5rem;
}

/* ============================================================  philosopnhy  */
.philosophy-block {
    margin-bottom: 50px;
}

.philosophy-block p {
    font-weight: 700;
    font-size: 1.5rem;
}

.philosophy-block p.philosophy-block__declare {
    font-size: 1.6rem;
    line-height: 2;
    text-align: center;
}

.philosophy-title {
    background-color: #023894;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 2rem;
    padding: 1.2rem 1rem;
}

.philosophy-block__mission {
    font-size: 2.4rem;
    font-weight: 700;
    margin: 30px 0 15px;
}

.philosophy-block__mission--blue {
    color: #0070C0;
    font-weight: 700;
}

.philosophy-block__mission--red {
    color: #e6001a;
    font-weight: 700;
    position: relative;
}

.philosophy-block__mission--red::after {
    color: #e6001a;
    content: 'スピリット';
    font-size: 1rem;
    font-weight: 700;
    width: 50px;
    position: absolute;
    top: -10px;
    left: -3px;
}

.philosophy-block__title {
    border-bottom: 1px solid;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 1em;
    margin: 0 auto 30px;
    padding-bottom: 5px;
    text-align: center;
    width: 75%;
    position: relative;
}

.philosophy-block__title--ruby {
    font-size: 1.8rem;
    font-weight: 700;
    position: relative;
}

.philosophy-spirit__list li {
    font-size: 1.5rem;
    font-weight: 700;
}

.philosophy-block__title--ruby::after {
    content: 'ななスピリット';
    font-size: 1rem;
    letter-spacing: 1px;
    width: 100px;
    position: absolute;
    top: -10px;
    left: -24px;
}

.philosophy-spirit--emphasis {
    color: #e6001a;
    font-size: 1.6rem;
    font-weight: 700;
}

/* =============================================================  post single  */
/* cast single -------------------- */
.casts-gallery-noimg {
    width: 100%;
}

.casts-gallery-wrap {
    margin-bottom: 2rem;
    position: relative;
}

.casts-gallery-wrap .pickup-arrow {
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.casts-spinfo-wrap {
    position: relative;
}

.casts-spinfo-wrap::before {
    background-color: #ddd;
    content: "";
    height: 60%;
    width: 1px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.casts-spinfo {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1rem;
    width: 50%;
}

/* left */
.casts-info {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 5rem;
}

.casts-info * {
    font-weight: bold;
}

.casts-info-thumb {
    background-color: #ccc;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-bottom: 1rem;
}

.casts-title {
    font-size: 2rem;
    line-height: 1.2;
}

.casts-title-left {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 1.2rem;
}

.casts-bloglist {
    border-top: 1px solid #dbdadc;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.casts-bloglist li {
    border-bottom: 1px solid #dbdadc;
}

.casts-bloglist a {
    display: block;
    overflow: hidden;
    padding: 1rem;
}

.casts-bloglist-img {
    float: left;
    width: 10rem;
}

.casts-bloglist-inner {
    margin-left: 11rem;
}

.casts-bloglist-update {}

.casts-bloglist-title {}

.blogger-title {
    font-size: 1.6rem;
    margin-bottom: .6rem;
}

.blogger-text {
    font-weight: normal;
    text-align: left;
    margin-bottom: 3rem;
}

/* tag */
.tag-crowd {}

.tag-crowd li {
    display: inline-block;
    margin: 0 .4rem .5rem 0;
}

.tag-crowd a {
    background: #f4f4f4 url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_tag.svg) no-repeat .7rem center / auto 1rem;
    border-radius: .3rem;
    display: block;
    font-size: 1.3rem;
    padding: .2rem 1rem .2rem 2rem;
}

.tag-count {
    font-size: 1.1rem;
    margin: 0 0 0 .2rem;
}

/* right */
.casts-title-right {
    background-color: #282828;
    border-radius: .3rem;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-bottom: 1.8rem;
}

.casts-comment,
.casts-faq {
    margin-bottom: 3.5rem;
}

.casts-comment {
    border-top: 1px solid #dbdadc;
    padding: 2rem 0 0;
}

.casts-comment * {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
}

.casts-program {
    margin-bottom: 2rem;
}

.casts-program li {
    border-radius: .5rem;
    box-shadow: .5rem .5rem 1rem 0 rgba(0, 0, 0, .2);
    margin-bottom: 1.5rem;
    width: 48%;
}

.casts-prg-thumb {
    border-radius: .5rem .5rem 0 0;
}

.casts-prg-title {
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 1rem;
}

.casts-faq dt {
    border-bottom: 1px solid #dbdadc;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: .6rem;
}

.casts-faq dt::before {
    content: "Q. ";
}

.casts-faq dd {
    margin-bottom: 2rem;
    overflow: hidden;
}

.casts-faq-thumb {
    background: #ccc;
    border-radius: 50%;
    float: left;
    width: 4rem;
}

.thumb-on {
    margin-left: 5rem;
}

/* event single -------------------- */
.events {
    overflow: hidden;
    position: relative;
}

/* events header */
.events-header {
    border-bottom: 1px solid #dbdadc;
    margin-bottom: 3rem;
}

.events-date {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
    font-weight: bold;
}

.events-posttype {
    background-color: #f4f4f4;
    border-radius: .3rem;
    display: inline-block;
    font-weight: bold;
    margin-right: 1rem;
    padding: .2rem 1rem;
}

.events-cat {
    border-radius: .3rem;
    color: #fff !important;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 1.2rem;
    padding: .3rem;
    position: relative;
}

.events-cat.town,
.events-tolist .town {
    background-color: #f1c40f;
}

.events-cat.present,
.events-tolist .present {
    background-color: #1abc9c;
}

.events-cat.sports,
.events-tolist .sports {
    background-color: #3498db;
}

.events-cat.concert,
.events-tolist .concert {
    background-color: #9b59b6;
}

.events-cat.other,
.events-tolist .other {
    background-color: #e74c3c;
}

.events-cat.blog,
.events-tolist .blog {
    background-color: #34495e;
}

.events-cat::after {
    border-color: #f0f0f0 transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0;
    bottom: -7px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}

.events-cat.town::after {
    border-top-color: #f1c40f;
}

.events-cat.present::after {
    border-top-color: #1abc9c;
}

.events-cat.sports::after {
    border-top-color: #3498db;
}

.events-cat.concert::after {
    border-top-color: #9b59b6;
}

.events-cat.other::after {
    border-top-color: #e74c3c;
}

.events-cat.blog::after {
    border-top-color: #34495e;
}

/* .events-sns1{
    position: absolute;
    right: 1rem;
    top: 3rem;
}
 */
.events-title {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.events-end {
    background-color: #a8a8a8;
    border-radius: .3rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: .3rem 2rem;
}

.events-header .events-end {
    display: inline-block;
    margin-bottom: 2rem;
    width: 14rem;
}

.events-right .events-end {
    display: block;
    margin: 2rem 2rem 0;
}

/* events left */
.emap-left,
.events-slider {
    margin: 0 0 3rem;
}

.emap-left {
    border-radius: .3rem;
    width: 100%;
    height: 34rem;
}

/* events right */
.events-right {
    float: right;
    margin-bottom: 2rem;
    /* width: 31rem; */
}

.events-right-inner {
    background-color: #f4f4f4;
    border-radius: .3rem;
    margin-bottom: 2rem;
    padding: .1rem;
}

.emap-right {
    border-radius: .3rem;
    width: 100%;
    height: 19rem;
}

.events-info {
    padding: 2rem;
    line-height: 1.4;
}

.events-info a {
    text-decoration: underline;
}

.events-info dt {
    border-bottom: 1px solid #dbdadc;
    font-weight: bold;
    margin-bottom: .8rem;
    padding-bottom: .8rem;
}

.events-info dd {
    margin-bottom: 2.5rem;
}

.events-info p {
    margin: 0;
}

/* events footer */
.events-footer {
    clear: both;
    margin-bottom: 3rem;
}

.events-navi-wrap {}

.events-navi {
    border-bottom: 1px solid #dbdadc;
    border-top: 1px solid #dbdadc;
    margin-bottom: 2rem;
    position: relative;
}

.events-navi-box {
    display: block;
    overflow: hidden;
    padding: 1rem;
    width: 100%;
}

.events-navi-box.prev {}

.events-navi-box.next {
    border-bottom: 1px solid #dbdadc;
}

.events-navi-img {
    border-radius: .3rem;
    width: 10rem;
}

.prev .events-navi-img {
    float: right;
}

.next .events-navi-img {
    float: left;
}

.events-tolist {
    text-align: center;
    margin-bottom: 5rem;
}

.prev .events-navi-title {
    margin-right: 11rem;
}

.next .events-navi-title {
    margin-left: 11rem;
}

.events-tolist a {
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    padding: .6rem 1.4rem;
}

.events-tolist a::before {
    content: url(images/icon_note.png);
    vertical-align: text-top;
    margin-right: .9rem;
}

/* 関連イベント */
.events-relation {
    margin: auto;
    position: relative;
}

/* .events-relation::before,
.events-relation::after {
    background-color: #dbdadc;
    content: "";
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.events-relation::before {
    width: 1px;
    height: 100%;
}
.events-relation::after {
    width: 100%;
    height: 1px;
} */
.events-relation li {
    width: 100%;
    border-bottom: 1px solid #dbdadc;
}

.events-relation a {
    display: block;
    overflow: hidden;
    padding: 1rem;
}

.relation-img {
    border-radius: .3rem;
    float: left;
    width: 10rem;
}

.relation-title {
    line-height: 1.3;
    margin-left: 11rem;
}

/* presents single -------------------- */
.presents-info {
    overflow: hidden;
    margin-bottom: 2rem;
}

.presents-gallery {
    margin: 0 0 2rem;
    text-align: center;
}

.presents-cont {
    margin-bottom: 2rem;
}

.presents-term {
    text-align: center;
}

.presents-term-inner {
    background-color: #eaeded;
    border-radius: .3rem;
    clear: both;
    font-weight: bold;
    padding: 1rem 2rem;
}

.presents-name-wrap {
    border: 4px solid #16a085;
    border-radius: .3rem;
    text-align: center;
    margin-bottom: 1rem;
    padding: 1.8rem;
}

.presents-name-title {
    background-color: #16a085;
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1.8rem;
    padding: .5rem 2rem;
}

.presents-name {
    color: #16a085;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
}

.presents-kiyaku {
    margin-bottom: 4rem;
}

.presents-kiyaku-title {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0 2rem .2rem;
}

.presents-kiyaku-inner {
    background-color: #f4f4f4;
    border-radius: .3rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .1) inset;
    font-size: 1.2rem;
    padding: 2rem;
    height: 20rem;
    overflow: hidden;
}

.kiyaku {
    font-size: 1.2rem;
}

.kiyaku dt {
    font-weight: bold;
}

.kiyaku dd {
    margin-bottom: 1rem;
}

.presents-form {
    margin-bottom: 6rem;
}

.presents-method-title {
    background: #f0f0f0;
    border-bottom: 1px solid #fff;
    border-radius: .3rem .3rem 0 0;
    font-size: 1.6rem;
    font-weight: bold;
    padding: .6rem 1rem;
}

.presents-method {
    background: #f6f6f6;
    border-radius: 0 0 .3rem .3rem;
    margin: 0 0 2rem;
    padding: .6rem 1rem;
}

.kkwn-method {
    background: #f6f6f6;
    border-radius: 0 0 .3rem .3rem;
    font-size: 1.2rem;
    margin: 2rem 0 0;
    padding: 1.2rem 2rem;
    text-align: left;
}

.present-list-cont iframe,
.presents-cont iframe {
    max-height: 200px;
    max-width: 100%;
}

.editor-wrap__archive-present {
    font-size: 1.4rem;
}

.editor-wrap__single-present {
    font-size: 1.4rem;
}

.editor-wrap__single-present strong,
.editor-wrap__archive-present strong {
    font-weight: 900 !important;
}

.editor-wrap__single-present strong span,
.editor-wrap__single-present b span {
    font-weight: 900 !important;
}

.editor-wrap__archive-present strong span,
.editor-wrap__archive-present b span {
    font-weight: 900 !important;
}

.editor-wrap__single-present em,
.editor-wrap__archive-present em {
    font-style: italic !important;
}

.editor-wrap__single-present em strong,
.editor-wrap__archive-present em strong {
    font-style: italic !important;
}

.editor-wrap__single-present .aligncenter {
    display: block;
    margin: auto;
    text-align: center !important;
}

.editor-wrap__single-present p em strong span,
.editor-wrap__archive-present p em strong span {
    font-style: italic !important;
}

.editor-wrap__single-present ol,
.editor-wrap__single-present ul {
    margin-bottom: 30px;
}

.editor-wrap__single-present ol li {
    list-style-type: decimal;
    margin-left: 1.5em;
}

.editor-wrap__single-present ul li {
    list-style-type: disc;
    margin-left: 1.5em;
}

.editor-wrap__single-present .alignright {
    display: block;
    margin: 0 0 0 auto;
}

.present-cont--center strong,
.present-cont--center b {
    font-weight: 900 !important;
}

.present-cont--center em {
    font-style: italic !important;
}

.present-list-cont p em {
    font-weight: 900 !important;
}

.presents-cont__detail ol,
.presents-cont__detail ul {
    margin-bottom: 30px;
}

.presents-cont__detail ol li {
    list-style-type: decimal;
    margin-left: 1.5em;
}

.presents-cont__detail ul li {
    list-style-type: disc;
    margin-left: 1.5em;
}

.presents-cont__detail strong {
    font-weight: 900 !important;
}

.presents-cont__detail em {
    font-style: italic !important;
}



/* contact form */
.kakushi {
    height: 0;
    visibility: hidden;
}

.contact-table a {
    text-decoration: underline;
}

.contact-table * {
    font-weight: bold;
}

.contact-table th,
.contact-table td {
    display: block;
    padding: 1rem;
}

.contact-table th {
    color: #16a085;
    border-bottom: 1px dotted;
}

/* .contact-table th,
.contact-table td {
    border-bottom: 1px dashed #c8cbcb;
    font-size: 1.6rem;
    vertical-align: middle;
    padding: 2rem;
}
.contact-th {width: 24%;}
.contact-td {width: 76%;} */
.enquete-list {}

.enquete-list li:not(:last-child) {
    margin: 0 0 2rem;
}

.enquete-title {
    background-color: #ddd;
    border: 1px solid #ccc;
    border-radius: .3rem;
    line-height: 1.25;
    margin: 0 0 .5rem;
    padding: .5rem .9rem;
}

.program-form-tel {
    background: #f3931c;
    padding: 12px 0;
    text-align: center;
    margin: 10px auto;
    border-radius: 5px;
}

.program-form-tel a {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    padding-left: 20px;
    position: relative;
}

.program-form-tel a::before {
    content: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon-tel.svg);
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: -5px;
}

/* shingikai single -------------------- */
.sgk-title {
    background-color: #5d6d7e;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3rem;
    padding: 1rem;
}

.sgk-table th {
    background-color: #e4e4e4;
    color: #333;
}

.sgk-overview {
    background-color: #f4f4f4;
    border-radius: .3rem;
    font-weight: bold;
    margin-bottom: .5rem;
    padding: 2rem;
}

.sgk-btn {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff !important;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
    padding: .7rem 1rem;
    width: 20rem;
}

/* single(news) page -------------------- */
.post-wrap {
    border: 1px solid #dbdadc;
    border-radius: .3rem;
    margin-bottom: 1rem;
    padding: 1.5rem;
}

.post-date {
    font-weight: bold;
    line-height: 1.2;
}

.post-title {
    border-bottom: 1px solid #dbdadc;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
}

.postcontent {
    font-size: 1.6rem;
    line-height: 1.8;
    overflow: hidden;
    padding: 0 0 3.5rem;
    position: relative;
}

.postcontent h3 {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 1em;
}

.postcontent p,
.postcontent ul,
.postcontent ol {
    margin-bottom: 1.5rem;
}

.postcontent strong,
.postcontent strong * {
    font-weight: bold;
}

.postcontent em,
.postcontent em * {
    font-style: italic;
}

.postcontent ul {
    list-style-type: disc;
    margin-left: 1.5rem;
}

.postcontent ol {
    list-style-type: decimal;
    margin-left: 1.5rem;
}

.postcontent .alignleft {
    float: left;
    margin: 0 1.5rem 1rem 0;
}

.postcontent .alignright {
    float: right;
    margin: 0 0 1rem 1.5rem;
}

.postcontent .aligncenter {
    display: block;
    margin: 0 auto 1rem;
}

.postcontent hr {
    border-color: #ccc;
    border-style: dashed;
    border-width: 1px 0 0;
    margin: 2rem 0;
    height: 1px;
    width: 100%;
}

.postcontent iframe {
    max-width: 100%;
    height: auto;
}

/* limit */
.postcontent.limit::after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 98%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 98%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 98%, rgba(255, 255, 255, 1) 100%);
    content: "";
    height: 15rem;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.readmore {
    background: #282828;
    border-radius: .3rem;
    color: #fff;
    cursor: pointer;
    text-align: center;
    margin: 2rem 0 0;
    padding: .4rem .6rem;
}

.readmore:hover {
    background: #023894;
}

/* pb */
.panel-grid-cell iframe[src*="youtube"] {
    display: block;
    margin: auto;
}

.panel-grid-cell table {}

.panel-grid-cell th,
.panel-grid-cell td {
    border: 1px solid #61b0dd;
    padding: 1rem;
}

.widget-title {
    border-bottom: 1px solid;
    color: #2980b9;
    font-size: 1.6rem;
    padding: 3rem 0 1rem;
}

.panel-grid::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/* acf -------------------- */
.box-title {
    border-bottom: 1px solid;
    color: #2980b9;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    padding: 0 0 1rem;
}

.gmap {
    width: 100%;
    height: 35rem;
    border: #ccc solid 1px;
}

.box-row {
    list-style-type: none !important;
    margin: 0 -2%;
}

.box-row.w3 li {
    padding: 0 2%;
    width: 33.33%;
}

.box-row.w2 li {
    padding: 0 2%;
    width: 50%;
}

.iframe-wrap {
    position: relative;
    width: 100%;
    padding: 56.3% 0 0 0;
}

.iframe-wrap iframe[src*="youtube"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* post navi -------------------- */
.prev-next {
    position: relative;
    text-align: center;
    font-size: 1.2rem;
    padding: 4rem 0 0;
}

.prev-next a {
    background-color: #f4f4f4;
    border-radius: .3rem;
    display: block;
    padding: .6rem 1.5rem;
}

.prev-next a:not(.tolist) {
    width: 13rem;
}

.prev-next a[rel="prev"] {
    position: absolute;
    left: 0;
    top: 0;
}

.prev-next a[rel="next"] {
    position: absolute;
    right: 0;
    top: 0;
}

.prev-next a[rel="prev"]::before,
.prev-next a[rel="next"]::before {
    background: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_arrow_b.svg) no-repeat 0 0 / cover;
    content: "";
    margin: auto;
    width: .8rem;
    height: 1.3rem;
    position: absolute;
    top: 0;
    bottom: 0;
}

.prev-next a[rel="prev"]::before {
    left: 1rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.prev-next a[rel="next"]::before {
    right: 1rem;
}

.tolist {
    min-width: 18rem;
}

/* =============================================================  wp_social_bookmarking_light  */
.wp_social_bookmarking_light {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wp_social_bookmarking_light::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.wp_social_bookmarking_light div {
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 30px !important;
    line-height: 18px !important;
    text-indent: 0 !important;
}

.wp_social_bookmarking_light img {
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}

.wp_social_bookmarking_light_clear {
    clear: both !important;
    display: none;
}

#fb-root {
    display: none;
}

.wsbl_twitter {
    width: 100px;
}

.wsbl_facebook_like iframe {
    max-width: none !important;
}

.wsbl_pinterest a {
    border: 0px !important;
}

/* =============================================================  Pagination  */
.pagination {
    clear: both;
    font-size: 1.4rem;
    text-align: center;
    position: relative;
}

.pagination span,
.pagination a {
    display: inline-block;
    margin: 0 2px 4px;
    text-decoration: none;
    border-radius: 2px;
    font-size: 1.4rem;
    min-width: 4.2rem;
    height: 4.2rem;
    line-height: 4.2rem;
    width: auto;
}

.pagination a {
    border: 1px solid #ccc;
}

.pagination a:hover {
    background-color: #023894;
    border: 1px solid #023894;
    color: #fff;
    box-shadow: .2rem .2rem .4rem 0 rgba(0, 0, 0, .3);
}

.pagination .current {
    background-color: #023894;
    border: 1px solid #023894;
    color: #fff;
    box-shadow: .2rem .2rem .4rem 0 rgba(0, 0, 0, .3);
}

.pagination .pn-first,
.pagination .pn-last,
.pagination .pn-next,
.pagination .pn-prev {
    padding: 0 1.6rem;
}

.pagination-count {
    font-size: 1.2rem;
    text-align: center;
    margin: .5rem 0 3rem;
}

.pagination-count span {
    font-weight: bold;
    margin: 0 .3em;
}

/* =============================================================
jquery plugin css
============================================================= */
/* tab */
.tab-wrap {
    overflow: hidden;
}

.tab-cont {
    clear: both;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.tab-cont.active {
    opacity: 1;
    height: auto;
    overflow: visible;
}

/* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */

/* 1. BASIC STYLE ============================================================= */
.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
    /* MSPointer events - direct all pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}

/* 2. VERTICAL SCROLLBAR y-axis============================================================= */
.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

/* 3. HORIZONTAL SCROLLBAR x-axis============================================================= */
.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

/* 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ============================================================= */
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* 5. TRANSITIONS ============================================================= */
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
/* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/* 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ============================================================= */

/* 6.1 THEMES ---------------------------------------- */
/* default theme ("light") */
.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url('images/mCSB_buttons.png');
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.4.2
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    white-space: normal;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
    font-family: sans-serif
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -moz-transform .4s ease;
    transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

@-webkit-keyframes bounceFromRight {

    0%,
    100% {
        margin-left: 0
    }

    50% {
        margin-left: -30px
    }
}

@keyframes bounceFromRight {

    0%,
    100% {
        margin-left: 0
    }

    50% {
        margin-left: -30px
    }
}

@-webkit-keyframes bounceFromLeft {

    0%,
    100% {
        margin-left: 0
    }

    50% {
        margin-left: 30px
    }
}

@keyframes bounceFromLeft {

    0%,
    100% {
        margin-left: 0
    }

    50% {
        margin-left: 30px
    }
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, .5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}


/* program tab */

.program-tab {
    background-color: #f4f4f4;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 6rem;
    text-align: center;
    position: relative;
    float: left;
}

/* =============================================================  番組表  */
.timetable-table-wrapper {
    display: block;
    width: 100%;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
}

.timetable-table-wrapper table {
    min-width: 124rem;
    white-space: normal;
}

.timetable-wrap {
    margin: 0 1.5rem 3rem;
}

/* timetable btn */
.timetable-btn {
    background-color: #282828;
    padding: 1rem;
}

.timetable-btn li {
    width: 50%;
    padding: 0 1rem;
}

.btn-morning,
.btn-daytime,
.btn-night,
.btn-midnight {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    height: 5rem;
    text-indent: -9999px;
}

.btn-morning {
    background-image: url(images/btn_morning.png)
}

.btn-daytime {
    background-image: url(images/btn_daytime.png)
}

.btn-night {
    background-image: url(images/btn_night.png)
}

.btn-midnight {
    background-image: url(images/btn_midnight.png)
}

/* timetable common */
.col-time {
    width: 4rem;
}

.col-table {
    width: 14.5rem;
}

/* timetable week */
.timetable-week td {
    background-color: #dcdcdc;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    padding: 1.5rem 0;
}

.timetable-week .week {
    font-size: 1.4rem;
}

.timetable-week td.w-today {
    background-color: #fafafa;
}

.timetable-week td.w-sat {
    background-color: #aed6f1;
}

.timetable-week td.w-sun {
    background-color: #f5b7b1;
}

/* timetable table */
.timetable-table thead {
    width: 1240px !important;
}

.timetable-table thead td {
    background-color: #dcdcdc;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 0;
}

.timetable-table thead .week {
    font-size: 1.4rem;
}

.timetable-table thead td.w-today {
    background-color: #fafafa;
}

.timetable-table thead td.w-sat {
    background-color: #aed6f1;
}

.timetable-table thead td.w-sun {
    background-color: #f5b7b1;
}

.timetable-table thead td {
    vertical-align: top;
    position: relative;
}

.timetable-table td.space {
    background-color: #ececec;
}

.timetable-table td.w-sat {
    background-color: rgba(174, 214, 241, .2);
}

.timetable-table td.w-sun {
    background-color: rgba(245, 183, 177, .2);
}

td.midnight,
td.morning,
td.daytime,
td.night {
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    vertical-align: middle;
    text-align: center;
}

td.morning {
    background-color: #e67e22;
}

td.daytime {
    background-color: #e74c3c;
}

td.night {
    background-color: #9b59b6;
}

td.midnight {
    background-color: #3498db;
}

.timetable-ptime {
    font-size: 1.6rem;
    font-weight: bold;
    /* padding: .2rem 1rem; */
    height: 2.6rem;
    line-height: 2.6rem;
    padding-left: 1rem;
}

.timetable-ptime.morning-t {
    background-color: #f0b27a;
}

.timetable-ptime.daytime-t {
    background-color: #ef9289;
}

.timetable-ptime.night-t {
    background-color: #c39bd3;
}

.timetable-ptime.midnight-t {
    background-color: #84c0e8;
}

.timetable-ptitle {
    font-size: 1.68rem;
    font-weight: bold;
    line-height: 1.3;
    word-break: break-all;
    padding: 1rem 1rem 0.5rem;
}

.timetable-ptitle a {
    color: #333;
    font-weight: bold;
}

.timetable-ptext {
    padding: 0 1rem 1rem;
    line-height: 1.42;
    /*text-align: justify;*/
    font-size: 1.32rem;
}

.timetable-option {
    position: absolute;
    right: .4rem;
    top: .4rem;
}

.timetable-option span {
    background-color: #282828;
    color: #fff;
    border-radius: .2rem;
    font-weight: bold;
    font-size: 1.1rem;
    height: 1.8rem;
    display: inline-block;
    width: 1.8rem;
    text-align: center;
    line-height: 1.8rem;
}

.timetable-table td {
    border-right: 1px solid #eee;
    position: relative;
}

.table-program {
    display: block;
}

td.onair.program-morning {
    background-color: rgba(240, 178, 122, .2);
}

td.onair.program-daytime {
    background-color: rgba(239, 146, 137, .2);
}

td.onair.program-night {
    background-color: rgba(195, 155, 211, .2);
}

td.onair.program-midnight {
    background-color: rgba(132, 192, 232, .2);
}

td.onair .timetable-ptext {
    font-weight: bold;
}

.timetable-table td.onair::before {
    background: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/icon_onair2.svg) center no-repeat;
    position: absolute;
    top: -3rem;
    left: 0;
    content: "";
    width: 100%;
    height: 30px;
}

.now-onair {
    margin: 0 0 3rem;
}

.now-onair-title {
    background-color: #282828;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    padding: .5rem 0;
    text-align: center;
    position: relative;
}

.now-onair-title::after {
    content: "";
    width: 0;
    height: 0;
    border: 1rem solid transparent;
    border-top: 1rem solid #282828;
    position: absolute;
    top: 2.4rem;
    bottom: 0;
    right: .5rem;
    left: 0;
    margin: 0 auto;
}

.now-onair-inner {
    background-color: #f4f4f4;
    padding: 2rem;
}

.now-onair-img {}

.now-onair-title2 {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 1rem 0;
    text-decoration: underline;
    line-height: 1.2;
}

.timetable-ad {
    text-align: center;
    margin-bottom: 3rem;
    display: none;
}


/* --------------------------------------------------------- page-ecshop --- */
.ec-sec {
    margin-bottom: 25px;
}

.ec-title-box {
    padding: 20px;
}

.ec-title-box h2 {
    text-align: center;
}

.ec-sec {
    /* overflow: hidden; */
}

.ec-sliders__items li {
    background: #023d97;
}

.ec-sliders__items li a {
    width: 100%;
    display: block;
}

.ec-sliders__image {
    display: flex;
    height: 320px;
}

.ec-sliders__image img {
    align-items: center;
    width: 100%;
    object-fit: cover;

}

.ec-title-box p {
    font-weight: 700;
    text-align: center;
}

.ec-sliders_catch {
    color: #fff;
    display: table-cell;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0 30px;
    text-align: center;
    vertical-align: middle;
    height: 100px;
}

/* メインスライダー下バナー */
.ec-banner {
    padding: 50px 20px;
}

.ec-banner__title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}

.ec-banner__list li {
    box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 20%);
    margin-bottom: 20px;
}

.ec-banner__list li:last-child {
    margin-bottom: 0;
}

/* ピックアップ */
.ec-pickup__title {
    margin-bottom: 20px;
    text-align: center;
}

.ec-pickup__title span {
    font-size: 2.4rem;
    font-weight: 700;
    position: relative;
}

.ec-pickup__title span::before {
    background: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/deco_pickup_left.svg);
    content: '';
    width: 11px;
    height: 24px;
    position: absolute;
    top: 3px;
    left: -20px;
}

.ec-pickup__title span::after {
    background: url(https://www.webtsc.com/tscweb/wp-content/themes/tsc-sp/svg/deco_pickup_right.svg);
    content: '';
    width: 11px;
    height: 24px;
    position: absolute;
    top: 3;
    right: -20px;
}

.ec-pickup__list {
    padding: 0 20px;
}

.ec-pickup__list li {
    border: 1px solid #ddd;
    margin-top: -1px;
    padding: 20px;
}

.ec-pickup-list__imgbox {
    background: #f4f4f4;
    display: flex;
    justify-content: center;
    margin: 0 auto 20px;
    width: 270px;
    height: 240px;
    position: relative;
}

.ec-pickup-list__imgbox img {
    object-fit: contain;
}

.ec-pickup-list__new {
    background-color: #e74c3c;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px;
    text-align: center;
    width: 45px;
    position: absolute;
    top: 0;
    left: 0;
}

.ec-pickup-list__imgbox a {
    display: block;
}

.ec-pickup-list__title {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    margin-bottom: 15px;
}

.ec-pickup-list__price {
    color: #e74c3c;
    font-size: 1.6rem;
    font-weight: 700;
}

/* お知らせ */
.ec-news {
    margin-bottom: 50px;
    padding: 50px 20px 70px;
    position: relative;
}

.ec-news__titlebox {}

.ec-news__titlebox h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.ec-news__titlebox a {
    background-color: #282828;
    background-image: url(images/icon_note.png);
    background-position: 1.1rem center;
    background-repeat: no-repeat;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 14px 15px 14px 30px;
    width: calc(100% - 40px);
    position: absolute;
    bottom: 0;
    left: 20px;
}

.ec-news__titlebox a:hover {
    background-color: #023894;
}

.ec-news__list {}

.ec-news__list li {
    border-top: 1px solid #ddd;
    padding: 20px 0;
}

.ec-news__list li:last-child {
    border-bottom: 1px solid #ddd;
}

.ec-news__date {
    margin-bottom: 10px;
}

.ec-news__title {
    font-size: 16px;
    font-weight: 700;
}

/* ご利用ガイド */
.ec-guide {
    padding: 0 20px;
}

.ec-guide__detail {
    padding: 20px;
    border: 1px solid #ddd;
}

.ec-guide__detail dt {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 1em;
    position: relative;
}

.ec-guide__detail dt:before {
    content: '・';
    position: absolute;
    top: 0;
    left: 0;
}

.ec-guide__detail dd {
    font-size: 1.6rem;
    letter-spacing: 1.6px;
    margin-bottom: 35px;
}

.ec-guide__detail dd:last-of-type {
    margin-bottom: 0;
}

/* =============================================================  vote_2021  */
.vote-sec {
    padding-bottom: 50px;
    width: 100%;
}

.vote-sec__title {
    background-color: #023894;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    padding: 10px 0 10px 20px;
    width: 100%;
}

.vote-youtube {
    padding: 1.5rem 1.5rem 5rem;
}

.vote-youtube__box {
    margin-bottom: 50px;
    width: 100%;
    position: relative;
}

.vote-youtube__date {
    background: #023894;
    color: #fff;
    padding: 5px;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: right;
    position: absolute;
    bottom: -23px;
    width: 100%;
}

.vote-youtube iframe {
    width: 100%;
    height: auto;
    min-height: 200px;
}

.constituency {
    background: #f2f5fa;
    padding: 10vw 5vw 5vw;
}

.constituency_single-pict {
    background: #fff;
    padding: 0 1.5rem;
}

.constituency_single-pict img {
    margin-bottom: 25px;
}

.constituency__title {
    border-bottom: 2px solid #023894;
    color: #023894;
    font-size: 3.6rem;
    font-weight: 700;
    padding-bottom: 10px;
}

.constituency__title span {
    font-size: 2.4rem;
    font-weight: 700;
}

.candidate {
    padding: 30px 0 75px;
}

.candidate li {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 5vw;
    width: 100%
}

/* .candidate li:nth-child(5n) {
    margin-left: 0;
} */
.candidate__pict {
    width: 50%
}

.candidate__pict img {
    object-fit: contain;
}

.candidate__detail {
    background: #fff;
    padding: 10px;
}

.candidate__name {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.candidate__name-label {
    font-size: 1.6rem;
    font-weight: 700;
}

.candidate__kana {
    font-size: 1.3rem;
    margin-bottom: 15px;
}

.candidate__bio {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 1.3rem;
    line-height: 1.5;
}

.candidate__bio dt {
    width: 40%;
}

.candidate__bio dd {
    width: 60%;
}

.vote-sokuho {
    margin: 0 auto 2rem;
    padding: 1rem 1.2rem 0;
    width: 320px;
}

.vote-sokuho a {
    display: block;
}

.vote-sokuho__link {
    background: #023894;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
    padding: 5px;
}