@charset "utf-8";

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

/* =============================================================  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;}

/* 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');
}

/* =============================================================  HTML,Body,Anchor*/
html {
    font-size: 62.5%; /* 10px */
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, html {
        font-family: "メイリオ", Meiryo, Verdana, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
    } /* IE11 */
}
body {
    background-color: #fff;
    font-size: 1.4em;
    color: #333;
    min-width: 124rem;
}
#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,
.readmore {
transition: all .2s ease-out !important;
}
a:link,
a:visited {
    color: #333;
    text-decoration: none;
}
a:hover,
a:active,a.stay {
    color:#3498db;
}
.text-link {
    color: #3498db !important;
}
.text-link:hover {
    opacity: .8;
    text-decoration: underline;
}

/* =============================================================  text  */
.content{
    line-height: 1.6;
    margin-bottom: 6rem;
}
.content p{
    margin-bottom: 1.6em;
    /*text-align: justify;*/
}

.txtC{text-align:center;}.txtL{text-align:left;}.txtR{text-align:right;}
.red{color: #e74c3c;}
.bg-gray {color: #333;}
.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%;}

.w1180 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.w1180 {
    max-width: 1220px;
}

/* =============================================================  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%;
}
.iw100 {width: 10rem !important;}
.iw150 {width: 15rem !important;}
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: #ebf3f5;
    outline: none;
}
input[type="radio"],input[type="checkbox"]{
    vertical-align: middle;
    margin: 0 .4rem 0 0;
}
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.8rem 0;
    min-width: 29rem;
    transition: all .02s !important;
    margin: 1rem;
}
.submit-area {
    min-height: 10rem;
    width: 100%;
    display:block;
    position: relative;
}
.page-summer .submit-area input:first-child {
    position: unset;
}
.submit-area input:first-child{
    right: 0;
    position: absolute;
}

.submit-area input:nth-child(2){
    left: 0;
    background-color: #b9b9b9 !important;
    box-shadow: 0 -3px #76868e inset !important;
    position: absolute;
}
.mwform-checkbox-field,
.mwform-radio-field {
    margin: 0 1rem;
}

/*
.submit-area input:first-child::before,.submit-area input:nth-child(2)::before{
    font-family: "icon-font";
    font-size: 4rem;
}

.submit-area input:first-child::before{
    content:"î ‘";
}

.submit-area input:nth-child(2)::before{
    content:"î ";
}
*/
input[type="submit"]:not(#searchsubmit):hover,
.submit-area input:hover,
.present-list-btn:hover,
input[type="submit"]:not(#searchsubmit):focus,
.submit-area input:focus,
.present-list-btn:focus {
    box-shadow: 0 3px rgba(255,255,255,1) inset !important;
    padding: 2.1rem 0 1.5rem;
}

input[type="submit"][disabled="disabled"]{
    background-color: #eee;
    border-color: #bbb;
    color: #888;
}
label{display: inline-block;cursor: pointer;}
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{
    background-color: #e74c3c;
    content: "å¿…é ˆ";
    color: #fff;
    font-size: 1rem;
    display: inline-block;
    line-height: 1;
    margin: auto;
    padding: 0.3rem 0.5rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.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: 30px;
}
.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: 3rem 4rem;
}
.sec0{
    padding: 5rem 0 6rem;
    position: relative;
}
.sec{
    margin-bottom: 6rem;
    position: relative;
}
.sec-inner{
    padding: 2rem;
}

/* title -------------------- */
.title1 {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 3rem;
}
.title1::before {
    display: inline-block;
    vertical-align: top;
    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.8rem;
    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.8rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 2rem;
    padding: 1.2rem 1rem;
}
.title3 {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1.6rem;
}
.post-type-archive-cast .title2 {
    margin-bottom: 3rem;
    padding: .8rem 1rem;
}

/* breadCrumb -------------------- */
.breadcrumb-wrap {
    background-color: #f4f4f4;
    border-radius: .3rem;
    margin-bottom: 4rem;
}
.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: 3rem 0 1.5rem;
}
.pagetitle {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.2;
}

/* button -------------------- */
a.linkbtn {
    background: #282828 url(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;
}
/* 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;
}

/* =============================================================  wrap,box  */
.header-cont,
.mainnav,
.content-wrap,
.footer-link-inner,
.copyright,
.footer-cont{
    width: 124rem;
    margin-left:auto;
    margin-right:auto;
}
.content{
    float: left;
    padding: 0;
    width: 90.2rem;
}
.sidebar{
    float: right;
    padding: 0;
    width: 30rem;
}
.sidebar .side-prolist-box a:hover{
color: #3498db;
}
.sidebar .side-prolist-box a.stay{
    color: #999;
}
.side-bordered-banner img {
    border: 1px solid #ddd;
}
.content-wrap {
    /* margin-bottom: 3rem; */
}

/* =============================================================  header  */
#header{
    background-color: #fff;
    text-align: center;
    position:relative;
    width:100%;
    height: 21rem;
    font-weight: normal!important;

}
#header::before {
    background-color: #d6d6d6;
    content: "";
    height: 1px;
    position: absolute;
    top: 3rem;
    left: 0;
    right: 0;
}
.header-wrap {
    background-color: #fff;
    z-index: 9999;
}
.header-cont{
    text-align: left;
    padding: 3rem 0 2rem;
    position:relative;
    transition: padding .2s ease-out;
}
.header-logo {
    padding: 3.8rem 0 5rem;
}
.header-logo img {
    max-width: 27.5rem;
}
.header-desc {
    font-size: 1.2rem;
    line-height: 3rem;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-weight: normal !important;
}
.nana-twit {
    text-align: center;
    width: 21rem;
    position: absolute;
    top: 5rem;
    left: 28.4rem;
}
.tweet {
    background-color: #023894;
    border-radius: 3rem;
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: -.4rem;
    padding: .5rem 1rem;
    height: 2.6rem;
}
.tweet a {
    color: #fff;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.nana-sns {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 21rem;
    height: 9.2rem;
    text-align: center;
    position: absolute;
    top: 5rem;
    left: 28.4rem;
}
.nana-sns::after {
    content: url(../img/nana_sns.png);
    display: block;
    position: absolute;
    top: 0;
    left: 60px;
    pointer-events: none;
}
.nana-sns-box {
    border-radius: 15px;
    position: relative;
    transition: .2s ease-out;
}
.nana-sns-box:hover {
    opacity: .8;
}
.nana-sns-box::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 0 8px 10px 8px;
    border-style: solid;
    border-color: transparent transparent #000 transparent;
    position: absolute;
    top: -9px;
    
}
.nana-sns-box.line {
    background-color: #00b900;
}
.nana-sns-box.line::before {
    border-bottom-color: #00b900;
    right: 35px;
    transform: skewX(-60deg);
}
.nana-sns-box.twitter {
    background-color: #023894;
}
.nana-sns-box.twitter::before {
    border-bottom-color: #023894;
    left: 35px;
    transform: skewX(60deg);
}
.nana-sns-box a {
    display: block;
    padding: 15px 0;
    width: 10rem;
    height: 6rem;
    font-size: 1.2rem;
    color: #fff;
    line-height: 15px;
    font-weight: normal;
}
.header-banner {
    position: absolute;
    right: 0;
    top: 5rem;
/*
    width: 72.8rem;
    height: 9rem;
*/
}
/* main navi -------------------- */
.gnav {}
.gnav ul {
    text-align: center;
}
.gnav a {
    font-weight: bold;
    display: block;
}
.gnav-program {
    border-right: 1px solid #dbdadc;
    font-size: 1.6rem;
    margin: auto;
    height: 3rem;
    position: absolute;
    left: 11rem;
    bottom: 0;
    right: 28rem;
    top: 66%;
    transition: left .2s ease-out;
}
.gnav-program li {
    border-left: 1px solid #dbdadc;
    flex: 1 1 auto;
}
.gnav-program a {
    padding: .5rem 0;
}
.gnav-page {
    background-color: #f4f4f4;
    border-top: 1px solid #d6d6d6;
    height: 2.9rem;
}
.gnav-page li {
    display: inline-block;
}
.gnav-page a {
    padding: 0 1.5rem;
    transition: padding .2s ease-out;
    line-height: 2.9rem;
}

.gnav__item {
    position: relative;
}
.gnav__item_voidl-link {
    font-weight: bold;
    display: block;
    padding: .5rem 0;
}
.ddown {
    opacity: 0;
    visibility: hidden;
    padding-top: 0;
    max-height: 0;
    position: absolute;
    left: 310px;
    right: 0;
    top: 100%;
    transition: all .2s ease-in;
    transform: translateX(-50%);
    width: 95rem;
    z-index: 10;
}
.ddown-list {
    background: #f5f5f5;
    border-radius: 5px;
    display: flex;
        justify-content: flex-start;
    padding: 10px 20px;
}
.ddown-list > li {
    border-left: 1px solid #fff;
    width: auto;
}
.ddown-list > li a {
    padding: 1rem 0;
}
.trigger:hover .ddown {
    opacity: 1;
    visibility: visible;
    padding-top: 10px;
    max-height: 100vh;
}



/* follow */
.follow .header-banner,
.follow .nana-twit,
.follow .nana-sns,
.follow .header-desc,
.follow .header-search {
    display: none;
}
.gnav-program {
    -webkit-transition: left .2s ease-out;
            transition: left .2s ease-out;
}
.follow .header-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}
.follow .header-cont {
    padding: .5rem 0;
}
.follow .header-logo {
    padding: 0;
    height: 2.8rem;
}
.follow .header-logo img {
    max-width: 18rem;
}
.follow .gnav-program {
    height: 3rem;
    margin: auto;
    position: absolute;
    left: 34rem;
    bottom: 0;
    right: 0;
    top: 0;
}
.follow .gnav-page a {
    padding: 0 1.5rem;
    line-height: 2.6rem;
}
/* search, schedule -------------------- */
.header-search {
    position: absolute;
    right: 0;
    bottom: 2rem;
}
a.header-schedule {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0 1.5rem;
    position: absolute;
    left: -11rem;
    bottom: 0rem;
    height: 3rem;
    line-height: 3rem;
    background-image: url(../img/icon_note.png);
    background-repeat: no-repeat;
    background-position: 1.5rem center;
    padding-left: 3.5rem;
}
a.header-schedule:hover{
    background-color: #023894;
}
.search-wrap {
    background: url(images/icon_search.png) no-repeat left center;
    padding: 0 0 0 2.5rem;
}
.search-wrap #s {
    background-color: #f4f4f4;
    border-radius: .3rem 0 0 .3rem;
    padding: .4rem 1rem;
    margin-right: -.5rem;
    width: 18.5rem;
    height: 3rem;
    box-sizing: border-box;
}
.search-wrap #searchsubmit {
    background-color: #282828;
    border: none;
    border-radius: 0 .3rem .3rem 0;
    color: #fff;
    font-weight: bold;
    padding: .4rem 1.5rem;
}
.search-wrap #searchsubmit:hover {
    background-color: #023894;
}
/* search single */
.search-title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 2rem;
}
.search-title span {
    font-size: 3.8rem;
    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;
}
#pagetop {
    color: #666;
    display: block;
    font-size: 8rem;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 400;
    font-family: "icon-font";
}
#pagetop:hover {
    text-decoration: none;
    color:#3498db;
}
/* footer link -------------------- */
.footer-link-wrap {
    background-color: #dedede;
    padding: 5rem 0 15rem;
}
@media (min-width:768px){
    .footer-link{
        display: block!important;
        height: auto !important;
    }
}
@media (max-width:767px){
    .footer-link{
        display: flex!important;
    }
}
.footer-link-box {
    font-size: 1.3rem;
    width: 25%;
}
.footer-link-title {
    font-weight: bold;
    margin-bottom: .8rem;
    padding: 0 1rem;
}
.footer-link-title::before {
    content: "-";
    vertical-align: middle;
    margin-right: .5rem;
}
.footer-link {
    margin-bottom: 3rem;
}
.footer-link a {
    display: block;
    font-weight: bold;
    padding: .6rem 2.5rem;
}
.footer-link a:hover {
    background-color: #c4c4c4;
}
.ad_over_toTop {
    margin: 0 auto 50px;
    width: auto;
}
.ad_over_toTop * {
    margin: auto;
    display: inherit;
    width: auto;
}
.ads-over-toTop {
    display: flex;
        justify-content: center;
        gap: 5%;
        margin-bottom: 50px;
}

/* 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 li {
    width: 26rem;
}
.footer-sns-list a {
    background-color: #666;
    border-radius: .5rem;
    display: block;
    margin: 0 1rem;
    padding: 2rem;
}
.footer-sns-list svg {
    height: 3.2rem;
    fill: currentColor;
}
.footer-sns-list span{
    font-family: "icon-font";
    font-size: 3.4rem;
    color: #919191;
    transition: all .2s ease-out;
}
.footer-sns-list a:hover span{
    color: #3498db;
}
/*
.footer-sns-icon {
    display: block;
    margin: 0 auto;
    width: 3.4rem;
    height: 3.4rem;
    background-position: center center;
    background-repeat: no-repeat;
}
.footer-sns-icon.facebook {
    background-image: url(svg/footer_sns_icon_facebook.svg);
}
.footer-sns-icon.twitter {
    background-image: url(svg/footer_sns_icon_twitter.svg);
}
.footer-sns-icon.youtube {
    background-image: url(svg/footer_sns_icon_youtube.svg);
}
.footer-sns-icon.line {
    background-image: url(svg/footer_sns_icon_line.svg);
}
*/
.footer-sns-name-en {
    color: #919191;
    font-size: 1.1rem;
    padding: .5rem 0 .3rem;
}
.footer-sns-name-ja {
    color: #fff;
    font-size: 1.2rem;
}
/* copyright -------------------- */
.copyright {
    background: url(images/logo2.png) no-repeat right 2rem;
    font-size: 1.1rem;
    line-height: 1.4;
    padding: 2rem;
}

/* =============================================================  sidebar  */

.side-official{
    margin-bottom: 3rem;
}
.side-official li{
    margin-bottom: .5rem;
}
.side-inner {
    position: relative;
    top: -1rem;
    margin-bottom: 3rem;
}
.side-banner li {
    margin-bottom: 1rem;
}
/* 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;
    padding: .3rem .8rem;
    /* 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 program list -------------------- */
.side-prolist {
    background-color: #1a1a1a;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    text-shadow: -1px -1px 0 #000;
    margin-bottom: 4rem;
}
.side-prolist * {
    font-weight: bold;
}
.side-prolist a {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
}
.side-prolist a.fs11 {font-size: 1.1rem;}
.side-prolist-title {
    background-color: #282828;
    border-radius: .5rem .5rem 0 0;
    font-weight: bold;
    padding: 1rem;
}
.side-prolist-inner {
    padding: 1rem 2rem 2rem;
}
.side-prolist-box {
    padding: 1.2rem 0 0;
}
.side-prolist-box-title {
    margin-bottom: .5rem;
}
a.side-prolist-btn-b {
    background-color: #16489c;
    background-color: -moz-linear-gradient(top, #16489c 0%, #023894 100%);
    background-color: -webkit-linear-gradient(top, #16489c 0%,#023894 100%);
    background-color: linear-gradient(to bottom, #16489c 0%,#023894 100%);
    border-radius: .5rem;
    font-size: 1.4rem;
    padding: 0 1rem 0 3rem;
    background-image: url(images/icon_note.png);
    background-repeat: no-repeat;
    background-position: 38% 46%;
    line-height: 4rem;
    height: 4rem;
}
a.side-prolist-btn-b:hover {
    background-color: #023894;
    background-color: -moz-linear-gradient(top, #023894 0%,#16489c 100%);
    background-color: -webkit-linear-gradient(top, #023894 0%,#16489c 100%);
    background-color: linear-gradient(to bottom, #023894 0%,#16489c 100%);
}
/*
a.side-prolist-btn-b::before {
    content: url(images/icon_note.png);
    vertical-align: middle;
    margin-right: .6rem;
}
*/
a.side-prolist-btn-g,
.side-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.side-prolist-btn-g {
    border-radius: .5rem;
    display: inline-block;
    padding: .6rem 1rem;
}
.side-prolist-list {
    border-radius: .5rem;
}
.side-prolist-genre li {
    width: 50%;
}
.side-prolist-week li {
    width: 25%;
}
.side-prolist-genre a,
.side-prolist-week a {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}
.side-prolist-genre a {
    padding: 0.8rem 0;
}
.side-prolist-week a {
    padding: 1rem 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;
    background-color: #ccc;

}
.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 2rem;
}

/* =============================================================  home  */
/* slide main -------------------- */
.slide-main a {display: block;}
.slide-main-container {
    margin-right: 34rem;
    overflow: hidden;
    height: 36rem;
    background-color: #282828;
}
.slide-main {
    background-color: #282828;
    overflow: hidden;
    padding: 2rem 0;
}
.slide-main li {
    background-color: #fff;
    border-radius: .3rem;
    margin: 0 1rem;
    width: 42rem;
    height: 32rem;
    float: left;
    margin-bottom: 2rem;
}
.slide-main-img {
    border-radius: .3rem .3rem 0 0;
    width: 42rem;
    height: 23rem;
    background: url(images/preloader_64.gif) #fff center center no-repeat;
}
.slide-main-title {
    font-size: 1.8rem;
    height: 4.8em;
    padding: 1rem;
}
.slide-ad {
    background-color: #0f0f0f;
    float: right;
    padding: 2rem;
    height: 36rem;
    width: 34rem;
}
.slide-ad a {
    color: #fff;
    display: block;
    text-align: center;
}
.slide-ad-banner {
    border-bottom: 1px solid #232323;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.slide-ad-program {
    background-color: #424242;
    border-radius: .3rem;
    font-size: 1.8rem;
    font-weight: bold;
    padding: .5rem 0;
}
.slide-ad-program::before {
    content: url("images/icon_schedule.png");
    margin-right: .7rem;
    vertical-align: middle;
    width: 1.5rem;
}
/* news-important -------------------- */
.news-important {
    background-color: #d6121f;
    color: #fff;
    text-align: center;
    padding: 1.5rem;
    width: 100%;
}
.news-important a {
    color: #fff;
    display: inline-block;
    font-weight: 700;
}
.news-important a::before {
    background: #fff;
    border: 1px solid;
    border-radius: 3rem;
    color: #d6121f;
    content: "重要なお知らせ";
    display: inline-block;
    font-weight: bold;
    margin-right: 1rem;
    padding: .5rem 2rem;
}
/* .news-important a:hover {
    text-decoration: underline;
} */
.news-important a:hover .news-important--title {
    text-decoration: underline;
}
.news-important--title,
.news-important--arror {
    font-weight: 700;
}
.news-important--arror {
    margin-left: 35px;
}
.news-important a:hover .news-important--arror {
    margin-left: 35px;
    text-decoration: none!important;
}

/* news-hometop -------------------- */
.news-hometop {
    border-bottom: 1px solid #dbdadc;
    text-align: center;
    padding: 2rem 1.5rem;
    width: 100%;
}
/* slide today -------------------- */
.slide-today-title1 {
    width: 124rem;
    margin: auto;
    position: relative;
}
.slide-today {
    overflow: hidden;
    padding: 5rem 2rem 0 3rem;
    height: 32rem;
    margin-top: -2rem;
    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;
    padding:0 2.4rem;
    width: 26.8rem;
    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: .3rem;
    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.67;
}
.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(svg/icon_onair.svg) no-repeat center center / contain;
    margin: auto;
    position: absolute;
    top: -4rem;
    width: 100%;
    content: "";
    height: 36px;
    right: 0;
    left: 0;
}
.slide-today-img {
    border-radius: .3rem .3rem 0 0;
    width: 100%;
}
.slide-today-title {
    padding: 1rem;
    min-height: 7rem;
}
/* Scrollbar */
.scrollbar {
    background: #f0f0f0;
    border-radius: 1.4rem;
    line-height: 0;
    margin: 2rem 10rem;
    height: 1.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 {
    position: absolute;
    top: 0;
    bottom: 0;
    font-family: "icon-font";
    line-height: 2.9rem;
    font-size: 2rem;
}
.scrollbtn.prev::after {content: "î ";left: 1rem;}
.scrollbtn.next::after {content: "î ‘";right: 1rem;}
.scrollbtn.prev {
    padding: .6rem 1rem .6rem 2.5rem;
}
.scrollbtn.next {
    padding: .6rem 2.5rem .6rem 1rem;
}
/* slide pickup -------------------- */
.slide-pickup {
    overflow: hidden;
    padding: 0 6rem;
}

.ossm-tab {
    text-align: center;
    margin-bottom: 3rem;
}
.ossm-tab li {
    background-color: #adadad;
    border-radius: 3rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 .4rem;
    padding: .8rem 1rem;
}
.ossm-tab li:first-child {
    padding: .8rem 2rem;
}
.ossm-tab li:hover,
.ossm-tab li.active {
    background-color: #023894;
}
/* pickup -------------------- */
.pickup-cont {margin: 0 -1rem;}
.pickup-cont li {
    box-shadow: .5rem .5rem 1rem 0 rgba(0, 0, 0, .2);
    margin: 0 .8rem 2rem;
    border-radius: .4rem;
}
.pickup-img{
    border-radius: .4rem;
    width: 40rem;
    height: 14rem;
}
.pickup-img__square {
    border-radius: .4rem;
    background:url(images/preloader_48.gif) #fff center center no-repeat;
}

/* youtube -------------------- */
.youtube-area {
    background-color: #282828;
    color: #fff;
}
.youtube-title {
    background-color: #000;
    text-align: center;
    /*padding: 4rem 0;*/
}
.youtube-inner {
    padding: 3.5rem 4rem;
}
.youtube-title-sub {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2.5rem;
}
.youtube-title-sub::before {
    content: url(svg/icon_star.svg);
    vertical-align: middle;
    margin-right: .7rem;
}
.youtube-list {
    margin: 0 -1%;
}
.youtube-list li {
    margin: 0 1% 2rem;
    width: 31%;
}
.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 6rem;
    text-align: center;
}
.cast-home li {float:left;}
.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 {
    border-radius: 50%;
    display: block;
    margin: 0 auto 1rem;
    width: 8rem !important;
    background-color: #ccc;
}
.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: .2rem 1rem;
}
.cast-home-blog-btn:hover {
    background-color: #023894;
}
.cast-home-blog-update {
    display: block;
    margin-top: .2rem;
}

/* home latest bos -------------------- */
.home-latestbox {
    display: flex;
        justify-content: space-between;
    margin: 70px auto 100px;
    width: 1240px;
}
.home-latestbox--l {
    width: 900px;
}
.home-latestbox--r {
    width: 300px;
}
.latest-post-list {
    background: #ddd;
    border: 1px solid #ddd;
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
    display: flex;
        flex-wrap: wrap;
}
.latest-post-list li {
    background: #fff;
    padding: 20px;
    width: calc(100% / 3);
    min-height: 270px;
}
.latest-post-list li:not(:nth-of-type(3n)) {
    border-right: 1px solid #ddd;
}
.latest-post-list li:nth-child(n+4) {
    border-top: 1px solid #ddd;
}
.latest-post--cover {
    margin-bottom: 10px;
    position: relative;
}
.latest-post--label {
    border: 2px solid #fff;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    min-width: 110px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
}
.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--cover img {
    display: block;
    object-fit: cover;
    width: 260px;
    height: 140px;
}
.latest-post--title {
    font-size: 16px;
    font-weight: 700;
}
/* home tweetbox */
.latest-tweetbox {
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
    margin-bottom: 25px;
    /* background: #ddd; */
    width: 300px;
    height: 420px;
}

.home-tweetbox--title {
    background: #1da1f2;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    padding: 14px 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;
}
.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: 12px;
}
.tweet-list .tweet-list__user p:first-child {
    color: #000;
    font-size: 13px;
    font-weight: 600;
}
.tweet-list .tweet-list__user a:hover p:first-child {
    color: #2b7bb9;
}
.tweet-list .tweet-list__text {
    font-size: 12px;
    color: #333;
    font-family: sans-serif;
    word-break: break-all;
}
.tweet-list .tweet-list__media {
    margin-top: 14px;
    border-radius: 6px;
    overflow: hidden;
}
.tweet-list .tweet-list__date {
    margin-top: 24px;
    color: #555;
    font-size: 12px;
    text-align: right;
}






/* latest_program_banner */
.latest-programs li {
    box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
    margin-bottom: 10px;
}

/* =============================================================  page  */
/* box -------------------- */
.infoarea-wrap {
    text-align: center;
}
.infoarea {
    background-color: #f4f4f4;
    border-radius: .3rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin: 0 auto 5rem;
    padding: 2rem 3rem;
    min-width: 48rem;
}
.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 -------------------- */
.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: 1px solid #fff;
    vertical-align: top;
    padding: 1rem;
}
.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 {
    margin-bottom: 1rem;
}
.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: 48%;
}
.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: 26rem;
}
.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;
}
.basic-list.pdf a {
    background-image: url(images/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: right 1rem center;
}
.basic-list-main {
    text-decoration: underline;
}
.basic-list-sub {
    font-size: 1.1rem;
    color: #333;
}
.basic-list--date {
    color: #333;
    font-size: 1.2rem;
    margin-left: 1em;
}

/* =============================================================  page tour  */
.tour-image {}
.tour-title {
    text-align: center;
    margin: -7.5rem 0 1rem
}
.tour-list {
    margin-bottom: 4rem;
    text-align: center;
}
.tour-list li {
    background-color: #f4f4f4;
    border-radius: .3rem;
    width: 48%;
}
.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 {
    width: 100%;
    max-width: 67.5rem;
}
.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 10.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: 16rem;
}
.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: 1.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: .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: 22rem;
}

/* =============================================================  page sitemap  */
.sitemap-box {
    width: 48%;
}
.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(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: 5rem 0 0;
}
.recruit-bnr li {
    padding: 0 1rem 1.5rem;
    width: 50%;
}
.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: 2.4rem;
    font-weight: bold;
    text-align: center;
    z-index: 20;
    position: absolute;
    top: 8rem;
    left: 0;
    right: 0;
}

/* =============================================================  page 404  */
.p404 {
    border: 1px solid #dbdadb;
    border-radius: .3rem;
    padding: 4rem;
}
.p404 * {
    font-weight: bold;
}
.p404-title-wrap {
    line-height: 1;
    overflow: hidden;
    margin-bottom: 3rem;
    padding: 0 4.5rem;
}
.p404-title-img {
    float: left;
}
.p404-title-inner {
    margin-left: 10rem;
    padding: 4rem 0 0;
}
.p404-title {
    font-size: 3rem;
    margin-bottom: .5rem;
}
.p404-reason {
    border-bottom: 1px solid #dbdadb;
    border-top: 1px solid #dbdadb;
    margin-bottom: 2rem;
    padding: 2rem 0;
}
.p404-reason li {width: 50%;}
.p404-reason li::before {content: "・";}
.p404-link {
    text-align: center;
    margin: 2.5rem 0;
}
.p404-link li {
    display: inline-block;
    margin: 0 .3rem;
}
.p404-link a {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.6rem;
    display: block;
    padding: 1.5rem 4rem;
}
.p404-link a.goback {
    font-size: 1.4rem;
    padding: 1rem 1.5rem;
}
.p404-link a:hover {
    background-color: #023894;
}
.p404-search {
    margin: auto;
    width: 27rem;
}

/* =============================================================  program  */
.program-list-wrap {
    margin-bottom: 3rem;
    padding: 2rem 4rem 4rem;
}
.program-list {
    margin: 0 -1%;
}
.program-list li {
    font-size: 1.2rem;
    margin: 0 1% 2rem;
    width: 31.33%;
    box-shadow: 0 0 20px 4px #f1f1f1;
    float: left;
}
.program-list a,
.slide-pickup a {
    background-color: #282828;
    color: #fff;
    display: block;
    text-decoration: none;
    height: 100%;
    border-radius: .4rem .4rem .3rem .3rem;
}
.program-list a:hover,
.slide-pickup a:hover {
    background-color: #1a1a1a;
}

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

.home .program-list-img{
    border-radius: .3rem .3rem 0 0;
    width: 26.2rem;
    height: 14.4rem;
}

.program-list-inner {
    padding: .8rem 1rem;
}
.program-list-title {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}
.program-list-info {
    font-size: 1.2rem;
    min-height: 2.5em;
}
/* カテゴリー、SNS -------------------- */
.programs-cat{
    margin-bottom: 1rem;
}
.programs-cat,
.programs-cat li,
.programs .wp_social_bookmarking_light {
    display: inline-block;
    vertical-align: top;
}
.programs-cat li {
    margin-right: 1rem;
}
.programs-cat a {
    background-color: #f4f4f4;
    border-radius: .3rem;
    display: block;
    font-weight: bold;
    padding: .1rem 1rem;
}
/* メインタイトル等 -------------------- */
.programs-main {
    overflow: hidden;
    padding: 2.4rem 0 3.2rem;
}
.programs-main * {
    font-weight: bold;
}
.programs-main-next {
    background-color: #f4f4f4;
    border-radius: .3rem;
    float: left;
    line-height: 1.2;
    text-align: center;
    width: 11rem;
}
.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: 2.4rem;
    padding: 1.2rem 0 0;
}
.programs-main-next-time {
    padding: .5rem 0 1.2rem;
}
.programs-main-right {
    line-height: 1.4;
    margin-left: 13rem;
}
.programs-main-right.next-non {
    margin-left: 0;
}
.programs-airtime {
    font-size: 1.4rem;
    margin-bottom: .5rem;
}
.programs-title {
    font-size: 3.6rem;
}
.programs-title,
.programs-option,
.programs-option li {
    display: inline-block;
    vertical-align: middle;
}
.programs-option {
    margin-left: 1.5rem;
}
.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 2.4rem 3rem;
    width: 28rem;
}
.programs-info {
    background-color: #f4f4f4;
    border-radius: .3rem;
    margin-bottom: 4rem;
    padding: 1rem;
}
.programs-info dt {
    background-color: #fff;
    border-radius: .3rem;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
    padding: .5rem;
}
.programs-info.next dt {
    background-color: #023894;
    color: #fff;
}
.programs-info dd {
    background-color: #fff;
    border-radius: .3rem;
    margin-bottom: 1rem;
    padding: 2rem;
}
.programs-info dd:last-child {
    margin-bottom: 0;
}
.programs-info p {
    margin-bottom: 0;
}
/* 番組動画 -------------------- */
.programs-movie {
    margin: 0 0 3.5rem;
}
.programs-movie li {
    width: 48%;
    margin: 0 1% 2rem;
}
.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: 40% 0 0;
    position: relative;
    width: 46rem;
}
.next-movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 公式サイト等 -------------------- */
.programs-sns {
    text-align: center;
}
.programs-sns li {
    display: inline-block;
    vertical-align: middle;
}
.programs-sns a:not(.official) {
    background-color: #666;
    border-radius: .3rem;
    color: #919191;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 5.2rem;
    padding: 0 1rem
}
/* ç•ªçµ„æƒ…å ±ãƒœã‚¿ãƒ³ -------------------- */
.official {
    background-color: #023894;
    border-radius: .3rem;
    color: #fff !important;
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    line-height: 5.2rem;
    text-align: center;
    width: 28rem;
}
.psicon {
    display: inline-block;
    fill: #c4c4c4;
    vertical-align: middle;
    margin-right: 1rem;
    height: 3.2rem;
    width: 3.2rem;
}
/* レコメンド -------------------- */
.programs-recommend {
    padding: 1rem 4rem 4rem;
}
/* ãƒ‰ãƒ©ãƒžç‰¹åˆ¥æž  -------------------- */
.drama-list1 {
    margin-bottom: 2rem;
}
.drama-list1 a {
    border-radius: .3rem .3rem 0 0;
}
.drama-list2 {
    margin: 1rem 0 3rem;
}
.drama-list2 li {
    border-bottom: 1px solid #dbdadc;
    overflow: hidden;
    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: inline-block;
    float: left;
    padding: .2rem .5rem;
    text-align: right;
    width: 12rem;
}
.drama-list2-title {
    margin-left: 13rem;
}

/* =============================================================  page redpoints  */
/* rp-common -------------------- */
.rp-btn-wrap {
    display: inline-block;
    text-align: center;
    margin-bottom: 40px;
}
a.rp-btn-1 {
    border: 2px solid #fff;
    display: inline-flex;
        align-items: center;
        justify-content: center;
    font-size: 1.6rem;
        font-weight: 700;
        color: #fff;
        letter-spacing: 0.05em;
        line-height: 1;
        text-align: center;
    padding: 20px 0;
    min-width: 240px;
}
.rp-title-1 {
    font-size: 5.3rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 1;
    margin-bottom: 80px;
}
.rp-title-2 {
    font-size: 6.4rem;
        font-weight: 700;
        color: #fff;
        letter-spacing: 0.05em;
        line-height: 1;
    margin-bottom: 70px;
}
.rp-title-3 {
    font-size: 3.6rem;
        font-weight: 700;
        text-align: left;
        letter-spacing: 0.05em;
        line-height: 1;
    margin-bottom: 40px;
}

/* rp-header -------------------- */
.rp-header-wrap {
    background: #f9423a;
    padding: 40px 0 140px;
}
.rp-header-text-area {
    text-align: center;
    line-height: 1.75;
}
.rp-header-title {
    font-size: 8.6rem;
        font-weight: 700;
        color: #fff;
        letter-spacing: 0.05em;
        line-height: 1;
    margin: 20px 0 30px;
}

.rp-header-text {
    font-size: 2.4rem;
        color: #fff;
        letter-spacing: 0.05em;
    margin-bottom: 60px;
}

/* rp-service -------------------- */
.rp-service {
    text-align: center;
    margin: 80px 0;
}
.rp-service .flex-cn {
    margin-bottom: 70px;
}
.rp-service-text {
    font-size: 2.4rem;
        color: #999;
        letter-spacing: 0.05em;
        line-height: 1.75;
}

/* rp-access -------------------- */
.rp-access {
    background: #f9423a;
    text-align: center;
    padding: 80px 0;
}
.rp-access-text {
    font-size: 2.4rem;
        color: #fff;
        letter-spacing: 0.05em;
        line-height: 1.75;
    margin-bottom: 50px;
}

/* rp-detection -------------------- */
.rp-detection {
    background: #f9f9f9;
    text-align: center;
    padding: 80px 0 120px ;
}
.rp-detection-row:nth-of-type(1) {
    margin-bottom: 130px;
}
.rp-detection-row:nth-of-type(2) {
    margin-bottom: 80px;
}
.rp-detection-list {
    margin-right: 105px;
}
.rp-detection-list li {
    background: #fff;
    box-shadow: 0 10px 10px rgb(0, 0, 0, .1);
    text-align: left;
    padding: 30px;
    margin-bottom: 30px;
    max-width: 400px;
    min-height: 150px;
}
.rp-detection-title {
    font-size: 1.8rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 1;
    margin-bottom: 20px;
}
.red-dot .rp-detection-title {
    margin-left: 20px;
    position: relative;
}
.red-dot .rp-detection-title::before {
    content: "●";
    font-size: 1rem;
        color: #f9423a;
    position: absolute;
        left: -20px;
        top: 50%;
    transform: translateY(-50%);
}
.rp-detection-desc {
    color: #999;
    letter-spacing: 0.05em;
    line-height: 1.75;
    margin-left: 20px;
}

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

/* contents list -------------------- */
.contents-tab {
    margin-bottom: 2rem;
    cursor:pointer;
}
.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;
    cursor: pointer;
    font-weight:bold;
    transition: all .2s ease-out;
}

.contents-tabs::after,.contents-tabs:hover::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.newmark::before {
    content: url(svg/icon_new.svg);
    margin: auto;
    width: 5.4rem;
    position: absolute;
    left: 0;
    right: 0;
    top: -1.4rem;
}

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

.contents-list {background-color: #ddd;}
.contents-list li {
    width : 33.33%;
    width : calc(100% / 3);
    background-color: #fff;
}
.contents-list li:nth-child(n+4) {
    border-top: 1px solid #ddd;
}
.contents-list li:not(:nth-of-type(3n)) {
    border-right: 1px solid #ddd;
}
.contents-list a {
    display: block;
    line-height: 1.2;
    padding: 2rem;
    height: 100%;
    position: relative;
}
.contents-list-cat {
    background-color: #e74c3c;
    box-shadow: 0 0 0 .2rem #fff;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    padding: .5rem;
    min-width: 11rem;
    position: absolute;
    left: 2rem;
    top: 2rem;
}
.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 {
    display: block;
    margin: 0 auto .7rem;
    width: auto !important;
    width: 26.2rem !important;
    height:14.4rem !important;
    background:url(images/preloader_48.gif) #fff center center no-repeat;
}
.contents-list-date {
    margin-bottom: .2rem;
}
.contents-list-title {
    font-size: 1.6rem;
    font-weight: bold;
    height: 2.4em;
}
/* 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: 2rem;
}
.news-list-img {
    float: right;
    width: 16rem;
}
.news-list-inner.nthumb-on {
    margin-right: 18rem;
}
.news-list-date {
    margin-bottom: 1rem;
}
.news-list-cat {
    background-color: #e74c3c;
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    margin-right: 1rem;
    padding: .2rem 1rem;
    min-width: 8rem;
    text-align: center;
    font-size: 1.3rem;
}
.news-list-cat.program-news {
    background-color: #023894;
}
.news-list-title {
    font-size: 1.6rem;
    font-weight: bold;
}
a.catbtn {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    padding: 0 2rem;
    position: absolute;
    right: 0;
    top: 0;
    height: 3rem;
    line-height: 3rem;
    background-image: url(images/icon_note.png);
    background-repeat: no-repeat;
    background-position: 1.5rem center;
    padding-left: 3.5rem;
}
a.blog-catbtn {
    background-color: #282828;
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    padding: .5rem 1rem;
}
a.catbtn:hover,
a.blog-catbtn:hover {
    background-color:#023894;
}
.coming {
    padding: 20px;
}

/* cast list -------------------- */
.cast-list {
    margin: 0 -1.2%;
}
.cast-list > li {
    margin: 0 1.2% 30px;
    width: 30.9%;
    width: calc(92.8% / 3);
}
.cast-list-img {
    background: linear-gradient(#cbcac5, #abaaa6);
    border: 2px solid #282828;
    border-radius: .3rem;
    text-align: center;
    margin-bottom: 1.5rem;
}
.cast-list-img a {
    display: block;
}
.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: 0 1rem;
    line-height: 3rem;
    height: 3rem;
    background-repeat: no-repeat;
    background-position: 1.5rem center;
    padding-left: 3.5rem;
}
.cast-list-link a:hover{
    background-color:#023894;
}
/*
.cast-list-link a::before {
    margin-right: .8rem;
    vertical-align: middle;
}
*/
.cast-list-link-prof a{
    background-image:url(images/icon_human.png);
}
.cast-list-link-blog a{
    background-image:url(images/icon_pen.png);
    padding-right: 4rem;
}
.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: 2rem;
}
.blog-list-thumb {
    float: left;
    width: 16rem;
}
.blog-list-inner {
    margin-left: 18rem;
}
.blog-list-date {}
.blog-list-title {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: .2rem;
}
.blog-list-content {
    font-size: 1.3rem;
    line-height: 1.4;
    margin: 0 !important;
}
.read-more {
    background: url(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: 3rem 0 3.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;
    width: 18rem;
}
.present-tab li.active {
    background-color: #231815;
    color: #16a085;
}
.present-box {
    border: 4px solid #231815;
    border-radius: .4rem;
    margin-bottom: 2rem;
    padding: 2rem;
}
.present-wrap {
    border-bottom: 1px solid #231815;
    overflow: hidden;
    margin-bottom: 1.8rem;
    padding: 0 0 3rem;
}
.present-list-img {
    float: left;
    width: 20rem;
}
.present-list-inner {
    margin-left: 22rem;
}
.present-list-title {
    color: #16a085;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}
.present-list-cont {
    font-weight: bold;
}
.editor-wrap__archive-present {
    font-size: 1.4rem;
}
.editor-wrap__single-present {
    font-size: 1.4rem;
    margin: 0 auto 2rem;
    width: 40rem;
}
.editor-wrap__single-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;
}


.present-cont--center strong,
.present-cont--center b {
    font-weight: 900!important;
}
.present-cont--center em {
    font-style: italic!important;
}
.present-cont--center ol,
.present-cont--center ul {
    margin-bottom: 30px;
}
.present-cont--center ol li {
    list-style-type: decimal;
    margin-left: 1.5em;
}
.present-cont--center ul li {
    list-style-type: disc;
    margin-left: 1.5em;
}
.editor-wrap__single-present .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: 2rem;
    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 {
    margin-right: -2rem;
}
.shingikai-list li {
    display: inline-block;
    margin: 0 2rem 2rem 0;
    width: 25.8rem;
}
.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.8rem;
    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: 230px;
    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: -25px;
}
.philosophy-mission__red rt {
    color: #e6001a;
    font-size: 1rem;
    font-weight: 500;
}
.philosophy-spirit--emphasis {
    color: #e6001a;
    font-size: 1.6rem;
    font-weight: 700;
}
/* =============================================================  post single  */
/* cast single -------------------- */
.casts-gallery-noimg {
    width: 100%;
}
.casts-gallery-wrap {
    padding-bottom: 0;
    position: relative;
    width: 100%;
    min-height: 40rem;
    border: 2px solid #282828;
    border-radius: .3rem;
    box-sizing: content-box;
}
.casts-main-img{
    background:url(images/preloader_64.gif) #fff center center no-repeat;
}
.casts-gallery{
    overflow: hidden;
}

.casts-gallery-thumb img {
    border: 2px solid #282828;
    border-radius: .2rem;
}
.casts-gallery-thumb {
    width: 46rem;
    padding: 0 .7rem;
    position: absolute !important;
    right: 2rem;
    bottom: -3rem;
}

.casts-gallery-thumb img {
    margin: 0 .7rem;
    cursor: pointer;
    width: 102px;
    height: 58px;
}

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

.single-cast .casts-left {
    margin: -8rem 0 0;
    position: relative;
}
.casts-right {
    float: right;
    width: 46rem;
}
/* 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: 2.4rem;
    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(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: 8rem 0 0;
}
.casts-comment * {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
}
.casts-program {
    margin-bottom: 3.5rem;
}
.casts-program a {
    display: block;
}
.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 {
    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 {
    border-radius: 50%;
    float: left;
    width: 4rem;
    background-color: #ccc;
}
.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-weight: bold;
}
.events-posttype {
    background-color: #f4f4f4;
    border-radius: .3rem;
    display: inline-block;
    font-weight: bold;
    margin-right: 1rem;
    padding: .2rem 2rem;
}
.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: 3.6rem;
    font-weight: bold;
    line-height: 1.1;
    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 */
.events-left {
    float: left;
    width: 49rem;
}
.emap-left,
.events-slider {
    margin: 0 0 3.5rem;
}
.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;
}
.events-navi-wrap {}
.events-navi {
    border-bottom: 1px solid #dbdadc;
    border-top: 1px solid #dbdadc;
    margin-bottom: 2rem;
    position: relative;
}
.events-navi::after {
    background-color: #dbdadc;
    content: "";
    margin: auto;
    width: 1px;
    height: 60%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.events-navi-box {
    display: block;
    overflow: hidden;
    width: 50%;
}
.events-navi-box.prev {padding: 1.6rem 0 1.6rem 1rem;}
.events-navi-box.next {padding: 1.6rem 1rem 1.6rem 0;}
.events-navi-img {
    border-radius: .3rem;
    width: 10rem;
}
.prev .events-navi-img {float: right;}
.next .events-navi-img {float: left;}
.prev .events-navi-title {
    text-align: right;
    margin-right: 11.2rem;
}
.next .events-navi-title {
    margin-left: 11.2rem;
}
.events-tolist {
    text-align: center;
    margin-bottom: 5rem;
}
.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;
    width: 64rem;
    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: 50%;
}
.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 {
    float: left;
    margin: 0 2rem 2rem 0;
    width: 49rem;
}
.presents-gallery-inner {
    width: 49rem;
}
.presents-gallery-inner img {
    margin: auto;
    max-width: 100%;
    width: auto !important;
}
.presents-cont {
    margin-bottom: 2rem;
}
.presents-term {
    text-align: center;
}
.presents-term-inner {
    background-color: #eaeded;
    border-radius: .3rem;
    clear: both;
    font-weight: bold;
    display: inline-block;
    padding: 1rem 2rem;
    min-width: 41rem;
}
.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: 2.4rem;
    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: 1.5rem;}
.presents-form {
    margin-bottom: 6rem;
    padding: 3rem;
}
.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 2rem;
}
.presents-method {
    background: #f6f6f6;
    border-radius: 0 0 .3rem .3rem;
    margin: 0 0 2rem;
    padding: 1.2rem 2rem;
    text-align: left;
}
.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;
}
.prensent-gallery--single {
    float: none;
    margin: 0 auto 2rem;
    width: 49rem;
}
.present-cont--center {
    width: 40rem;
    margin: 0 auto 2rem;
}
.single-present .wp_social_bookmarking_light {
    margin: 0 auto!important;
    width: 40rem;
}
.present-wrap__img--center {
    display: block;
    float: none;
    margin: 0 auto 2rem;
    width: 40rem;
}
.present-wrap__contentbox--center {
    margin: 0 auto 2rem;
    width: 40rem;
}
.present-wrap__contentbox--center em {
    font-style: italic!important;
}
.present-wrap__contentbox--center strong,
.present-wrap__contentbox--center b {
    font-weight: 900!important;
}
.present-wrap__contentbox--center ol,
.present-wrap__contentbox--center ul {
    margin-bottom: 30px;
}
.present-wrap__contentbox--center ol li {
    list-style-type: decimal;
    margin-left: 1.5em;
}
.present-wrap__contentbox--center ul li {
    list-style-type: disc;
    margin-left: 1.5em;
}
.present-wrap__contentbox--center .aligncenter {
    display: block;
    margin: auto;
    text-align: center!important;
}
.present-wrap__contentbox--center .alignright {
    display: block;
    margin: 0 0 0 auto;
}

/* contact form */
.kakushi {
    height: 0;
    visibility: hidden;
}
.contact-table {
    margin-bottom: 2rem;
}
.contact-table a {
    text-decoration: underline;
}
.contact-table * {
    font-weight: bold;
}
.contact-table th,
.contact-table td {
    border-bottom: 1px dashed #c8cbcb;
    font-size: 1.6rem;
    vertical-align: middle;
    padding: 2rem;
}
.contact-table th {
    padding: 2rem 3.5rem 2rem 1rem;
}
.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;
    width: 380px;
    padding: 17px 0;
    text-align: center;
    margin: 10px auto 0;
    border-radius: 5px;
}
.program-form-tel a {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    padding-left: 20px;
    position: relative;
}
.program-form-tel a::before {
    content: url(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: 2rem;
}
.post-date {
    font-weight: bold;
    line-height: 1.2;
}
.post-title {
    border-bottom: 1px solid #dbdadc;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 1.5rem;
    padding-bottom: 2rem;
}

.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%;
}
.postcontent a[href*=".pdf"]::before {
    color: #e74c3c;
    content: "î ";
    font-family: "icon-font";
    font-size: 150%;
    vertical-align: baseline;
}
/* 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;
}
.prev-next a{
    background-color: #f4f4f4;
    border-radius: .3rem;
    display: inline-block;
    padding: .2rem 1.5rem;
}
.prev-next a:not(.tolist){
    width: 13rem;
}
.prev-next a[rel="prev"]{
    position: absolute;
    left: 0;
}
.prev-next a[rel="next"]{
    position: absolute;
    right: 0;
}
.prev-next a[rel="prev"]::before,
.prev-next a[rel="next"]::before {
    background: url(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)}}


/* add */
.contents-tab {
    overflow: hidden;
}


/* 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;
}
.program-tabs .program-tab {
    width: 11.2rem;
    width: calc(90rem / 8);
}
.program-tabs-week .program-tab {
    width: 12.8rem;
    width: calc(90rem / 7);
}



/* =============================================================  番組表  */
.timetable-wrap {
    width: 124rem;
    margin: 0 auto 6rem;
}
/* timetable btn */
.timetable-btn {
    background-color: #282828;
    padding: 1rem;
}
.timetable-btn li {
    display: inline-block;
    margin-right: 1rem;
}
.btn-morning,
.btn-daytime,
.btn-night,
.btn-midnight {
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 22rem;
    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: 1.5rem 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-ptitle a:hover{

}
.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(svg/icon_onair2.svg) center no-repeat;
    position: absolute;
    top: -3rem;
    left: 0;
    content: "";
    width: 100%;
    height: 30px;
}
.now-onair-wrap {
    overflow: hidden;
    margin-bottom: 3rem;
}
.now-onair {
    float: left;
    margin: 0 3rem 0 0;
    width: 89rem;
}
.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 {
    float: left;
    margin-right: 2rem;
    width: 24rem;
}
.now-onair-title2 {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 1rem 0;
    margin-left:26rem;
}
.now-onair-title2 a, .timetable-ptitle a{
    text-decoration: underline;
    word-break: break-word;
}
.now-onair-title2 a:hover, .timetable-ptitle a:hover{
    color: #3498db;
    text-decoration: none;
}
.now-onair-inner p{
    margin-left:26rem;
}
.timetable-ad {
    float: left;
    width: 32rem;
    height: 27rem;
    border: solid 1rem #f4f4f4;
    overflow: hidden;
}

/* =============================================================  side-timeline  */
.side-programs-wrap-title {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
}
.side-programs-wrap {
    margin-bottom: 4rem;
    height: 40rem;
    overflow: auto;
}
.side-programs {
    border-right: 1px solid #ddd;
}
.side-programs li {
    padding: 1.2rem 1rem 2rem;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.side-programs li.onair {
    background-color: #eef8ff;
    padding-top: 4rem;
}
.side-programs li.onair::before {
    background: url(svg/icon_onair2.svg) center no-repeat;
    position: absolute;
    top: 1.5rem;
    left: 0;
    content: "";
    width: 7rem;
    height: 23px;
}
.side-programs-time {
    display: inline-block;
    float: left;
    margin-right: 1rem;
    padding: 0 .8rem;
    color: #fff;
    background-color: #99a4ae;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: .3rem;
    height: 2.2rem;
    line-height: 2.2rem;
}
.onair .side-programs-time {
    background-color: #34495e;
}
.side-programs-title {
    padding-left: 6rem;
    font-weight: bold;
    line-height: 1.4;
    font-size: 1.6rem;
    width: 100%;
    display: block;
}
.side-programs li a .side-programs-title {
    text-decoration: underline;
}
.side-programs li a:hover .side-programs-title {
    text-decoration: none;
}
.sidebar .shadow-box{
    border-radius: .3rem;
}
.side-programs-wrap .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 1rem;
    left: 0;
    bottom: 1rem;
    right: 1rem;
    height: auto;
}

/* --------------------------------------------------------- page-ecshop --- */
.ec-sec {
    margin-bottom: 100px;
    /* overflow: hidden; */
}

.ec-title-box {
    padding: 70px 0 15px;
}
.ec-sliders__items li {
    padding-top: 41.5%;
    position: relative;
}
.ec-sliders__items li a {
    display: block;
}
.ec-sliders__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ec-sliders__image img {
    align-items: center;
    width: 100%;
}
.ec-title-box p {
    font-weight: 700;
}
.ec-sliders_catch {
    background: #023d97;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 30px;
    height: 80px;
}
.swiper-slide a:hover .ec-sliders_catch {
    text-decoration: underline;
}

/* メインスライダー下バナー */
.ec-banner {
    padding: 75px 0;
}
.ec-banner__title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 1.6px;
    text-align: center;
}
.ec-banner__list {
    display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
}
.ec-banner__list li {
    box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 20%);
    margin: 0 20px 20px 0;
    width: calc((100% - 40px) / 3);
}
.ec-banner__list li:nth-child(3n) {
    margin-right: 0;
}

/* ピックアップ */
.ec-pickup__title {
    margin-bottom: 30px;
    text-align: center;
}
.ec-pickup__title span {
    font-size: 24px;
    font-weight: 700;
    position: relative;
}
.ec-pickup__title span::before {
    background: url(svg/deco_pickup_left.svg);
    content: '';
    width: 11px;
    height: 24px;
    position: absolute;
    top: 3px;
    left: -20px;
}
.ec-pickup__title span::after {
    background: url(svg/deco_pickup_right.svg);
    content: '';
    width: 11px;
    height: 24px;
    position: absolute;
    top: 3;
    right: -20px;
}
.ec-pickup__list {
    box-shadow: 0 0 1rem 0 rgb(0 0 0 / 20%);
    display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}
.ec-pickup__list li {
    border: 1px solid #ddd;
    padding: 20px;
    width: calc(100% / 4);
}
.ec-pickup__list li:hover img {
    transform: scale(1.2,1.2);
    transition: 1s all;
}
.ec-pickup-list__imgbox {
    background: #f4f4f4;
    display: flex;
    margin-bottom: 20px;
    overflow: hidden;
    width: 270px;
    height: 240px;
    position: relative;
}
.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;
    z-index: 9998;
}
.ec-pickup-list__imgbox img {
    display: block;
    margin: 0 auto;
    object-fit: contain;
    transition:1s all;
    width: 100%;
}
.ec-pickup-list__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.ec-pickup-list__price {
    color: #e74c3c;
}

/* お知らせ */
.ec-news {
    padding: 70px 120px 80px 0;
}
.ec-news__titlebox {
    float: left;
}
.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: 7px 15px 6px 30px;
}
.ec-news__titlebox a:hover {
    background-color: #023894;
}
.ec-news__list {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-left: 220px;
}
.ec-news__list li {
    border-bottom: 1px solid #ddd;
    padding: 25px 0 30px;
}
.ec-news__list li:last-child {
    border-bottom: none;
}
.ec-news__date {
    margin-bottom: 10px;
}
.ec-news__title {
    font-size: 16px;
    font-weight: 700;
}

/* ご利用ガイド */
.ec-guide {
    border: 1px solid #ddd;
    padding: 40px;
}
.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 {
    margin-bottom: 35px;
}
.ec-guide__detail dd:last-of-type {
    margin-bottom: 0;
}

/* =============================================================  vote_2021  */
.vote-sec {
    padding: 15px 0 90px;
    width: 100%;
}
.vote-sec--bgBlue {
    margin: 0 auto;
    width: 1240px;
    position: relative;
    margin-top: 50px;
}
.vote-sec__title {
    background-color: #023894;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    padding: 10px 0 10px 20px;
    width: 100%;
}
.vote-youtube {
    display: flex;
        justify-content: center;
    margin-bottom: 100px;
    gap: 4%;
}
.vote-youtube__box {
    width: 48%;
    position: relative;
}
.vote-youtube__date {
    background: #023894;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    font-size: 1.6rem;
    text-align: right;
    position: absolute;
    bottom: -26px;
    width: 100%;
}
.vote-youtube iframe{
    width: 100%;
    height: 320px;
}
.constituency {
    background: #f2f5fa;
    padding: 50px;
}
.constituency_single-pict {
    background: #fff;
    padding: 0;
}
.constituency_single-pict img {
    display: block;
    margin-bottom: 25px;
}
.constituency__title {
    border-bottom: 2px solid #023894;
    color: #023894;
    font-size: 3.6rem;
    font-weight: 700;
    padding-bottom: 20px;
}
.constituency__title span {
    font-size: 2.4rem;
    font-weight: 700;
}
.candidate {
    display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    padding: 30px 0 75px;
}
.candidate li {
    margin: 0 25px 25px 0;
    width: calc((100% - 75px) / 4);
}
.candidate li:nth-child(4n) {
    margin-right: 0;
}
.candidate__pict {
    display: flex;
    width: 100%;
}
.candidate__pict img {
    object-fit: contain;
}
.candidate__detail {
    background: #fff;
    padding: 20px ;
}
.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 {
    position: absolute;
    top: -45px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}
.vote-sokuho__link {
    background: #023894;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-decoration: underline;
    padding: 5px;
}